.root {
    -fx-background-color: null;
    -fx-font-family: "Source Han Sans CN";
    -fx-font-size: 14px;
    bgc: #2b2b2b;
    fgc: #afb1b3;
    hgc: #4B6EAF;
}

.color-scroll-pane .viewport {
    -fx-background-color: null;
}

.label,
.button {
    -fx-font-family: "Source Han Sans CN";
}

.separator .line {
    -fx-background-color: null;
    -fx-border-color: rgba(175, 177, 179, 0.5);
    -fx-border-width: 0 0 1px 0; /* 1 */
}

.separator:horizontal .line {
    -fx-background-color: null;
    -fx-padding: 0; /* 0 1 0 0 */
    -fx-border-color: rgba(175, 177, 179, 0.5);
    -fx-border-width: 0 0 1px 0; /* 1 */
}

.xl-font {
    -fx-font-size: 18px;
}

.l-font {
    -fx-font-size: 16px;
}

.m-font {
    -fx-font-size: 14px;
}

#content-pane {
    -fx-background-color: bgc;
    -fx-effect: dropshadow(three-pass-box, rgba(201, 201, 201, 0.6), 8, 0, 0, 0);
}

.tab {
    -fx-pref-width: 75px;
}

.tab-label {
    -fx-pref-width: 62px;
    -fx-text-alignment: center;
}

.text-input {
    -fx-text-fill: fgc;
    -fx-background-insets: 0;
    -fx-background-radius: 0;
    -fx-background-color: #3C3F41;
    -fx-border-color: #b2b2b2;
}

.text-input:focused {
    -fx-background-insets: 0;
    -fx-background-radius: 0;
    -fx-background-color: #3C3F41;
    -fx-border-color: #cbcbcb;
}

.check-box .box {
    -fx-border-color: #b2b2b2;
}

.check-box .box,
.check-box:focused .box {
    -fx-background-color: #535353;
    -fx-background-insets: 0;
}

.check-box:hover .box {
    -fx-border-color: #cbcbcb;
}


.list-view,
.tree-view {
    -fx-background-color: bgc;
    -fx-border-color: rgba(70, 70, 70, 0.6);
}

.list-view:focused,
.tree-view:focused {
    -fx-background-color: bgc;
    -fx-border-color: rgba(70, 70, 70, 0.8);
}

.title-bar {
    -fx-border-width: 0 0 1 0;
    -fx-border-color: #444445;
}

.label,
.list-cell,
.check-box,
.button,
.radio-button,
.combo-box {
    -fx-text-fill: fgc;
}

.title-label {
    -fx-font-family: "Source Han Sans CN";
    -fx-font-size: 18px;
    -fx-text-fill: #afb1b3;
}

.title-label Region {
    -fx-shape: "M10.3,7.3L8.2,5.2l0,0L7.8,4.5L7,3.9L6.1,4.8l0.6,0.8L7.4,6l0,0l2.1,2.1L9.2,8.4l1.4,1.4  c0.3,0.3,0.7,0.3,1,0L12,9.5c0.3-0.3,0.3-0.7,0-1l-1.4-1.4C10.6,7,10.3,7.3,10.3,7.3zM11.8,6.3c0.5-0.5,0.5-1.2,0.3-1.7l-0.9,1L10.6,5l0.9-1C11,3.7,10.3,3.8,9.8,4.3C9.4,4.6,9.2,5.2,9.4,5.7  L6.2,8.8C6.1,9,6.1,9.3,6.2,9.5l0,0l0.4,0.3c0.2,0.2,0.5,0.2,0.7,0l3.2-3.1C10.9,6.8,11.4,6.7,11.8,6.3zM1.4,2.4h1.4v7.5H1.4V2.4z M1.9,2.4h4.4v1.3H1.9C1.9,3.8,1.9,2.4,1.9,2.4z M1.9,5.6h3.8v1.3H1.9V5.6zM10.3,13H2.7C1.2,13,0,11.8,0,10.3V2.7C0,1.2,1.2,0,2.7,0h7.6C11.8,0,13,1.2,13,2.7v7.6C13,11.8,11.8,13,10.3,13z M2.7,0.3  c-1.3,0-2.4,1.1-2.4,2.4v7.6c0,1.3,1.1,2.4,2.4,2.4h7.6c1.3,0,2.4-1.1,2.4-2.4V2.7c0-1.3-1.1-2.4-2.4-2.4C10.3,0.3,2.7,0.3,2.7,0.3z";
    -fx-background-color: linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #1c84ecff 0.0%, #ad0decff 100.0%);
}

.donate-btn {
    -fx-background-color: null;
    -fx-text-fill: fgc;
}

.donate-btn Region {
    -fx-shape: "M16.7,3.3c-0.8,0.8-1.2,2-1.4,3.6c-0.1,0.5-0.1,1.1-0.2,1.6l0,0.2c0,0.2,0,0.4,0,0.6l0,0c0,0.5,0.4,1,1,1c0,0,0,0,0,0l0.1,0  c0.2,0,0.5,0,0.9,0c0.7,0,1.5-0.1,2.1-0.3c1.3-0.3,2.3-0.7,3-1.3c1.5-1.5,1.5-3.9,0-5.4C20.6,1.8,18.2,1.8,16.7,3.3z M20.8,4.6  c0.7,0.7,0.7,2,0,2.7c-0.3,0.3-1,0.6-2,0.8l-0.2,0c-0.4,0.1-0.9,0.1-1.4,0.2l-0.2,0l0-0.2c0-0.3,0.1-0.7,0.1-1C17.3,6,17.6,5,18,4.6  C18.8,3.9,20,3.9,20.8,4.6zM9.9,3.3c-1.5,1.5-1.5,3.9,0,5.4c0.7,0.7,1.7,1.1,3,1.3c0.7,0.1,1.4,0.2,2.1,0.3l0.2,0c0.3,0,0.6,0,0.8,0c0.5,0,1-0.4,1-1  l0-0.1c0-0.2,0-0.5,0-0.9c0-0.7-0.1-1.5-0.3-2.1c-0.3-1.3-0.7-2.3-1.3-3C13.8,1.8,11.4,1.8,9.9,3.3L9.9,3.3L9.9,3.3z M14,4.6  c0.3,0.3,0.6,1,0.8,2l0,0.2c0.1,0.4,0.1,0.9,0.2,1.4l0,0.2l-0.2,0c-0.5,0-1.1-0.1-1.6-0.2c-1-0.2-1.7-0.5-2-0.8  c-0.7-0.7-0.7-2,0-2.7C12,3.9,13.2,3.9,14,4.6zM28.4,12.4H3.5v-1.9h24.9V12.4z M3.5,18.1h1.9v-5.7H3.5V18.1z M26.5,18h1.9v-5.6h-1.9V18z M28.4,16.1H3.5v1.9h24.9V16.1z   M15.1,12.4l0,15.4H17l0-15.4H15.1z M26.6,25.8H5.4v1.9h21.1V25.8z M24.6,25.8h1.9V18h-1.9V25.8z M5.4,25.8h1.9V18H5.4V25.8z";
    -fx-background-color: lightgray;
}

.donate-btn:hover {
    -fx-text-fill: white;
}

.donate-btn:hover Region {
    -fx-background-color: linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #fc8cff 0.0%, #2bd4fc 50.0%, #2eff8a 100.0%);
}

.tools-menu-btn Region {
    -fx-pref-width: 16px;
    -fx-pref-height: 16px;
    -fx-max-width: 16px;
    -fx-max-height: 16px;
}
#svg-page .paste-svg-btn Region {
    -fx-shape: "M26.4,5.2v3.3h-1.8l-2.3,0H7.7v21.3H4.4c-0.5,0-0.9-0.4-0.9-0.9V5.2c0-0.5,0.4-0.9,0.9-0.9h0.3h2.9h0h4.2V1.9  c0-1,0.8-1.9,1.8-1.9H16c1,0,1.8,0.8,1.8,1.9v2.4h4.4h3.3C26,4.3,26.4,4.7,26.4,5.2zM16,1.9C16,1.9,16,1.9,16,1.9l-2.3,0c0,0,0,0,0,0v2.4H16h0V1.9zM20.2,10.8h-9.4c-0.6,0-1,0.4-1,0.9v19.4c0,0.5,0.4,0.9,0.9,0.9h16.9c0.5,0,0.9-0.4,0.9-0.9V19.3h-8.3L20.2,10.8L20.2,10.8z";
    -fx-pref-width: 16px;
    -fx-pref-height: 16px;
    -fx-max-width: 16px;
    -fx-max-height: 16px;
    -fx-min-width: 16px;
    -fx-min-height: 16px;
    -fx-background-color: #05a651;
}
#svg-page .paste-svg-btn ,
#svg-page .open-svg-btn {
    -fx-font-size: 13px;
}
.svg-btn {
    -fx-pref-width: 18px;
    -fx-pref-height: 18px;
    -fx-max-width: 18px;
    -fx-max-height: 18px;
}

.svg-btn Region {
    -fx-pref-width: 16px;
    -fx-pref-height: 16px;
    -fx-max-width: 16px;
    -fx-max-height: 16px;
    -fx-background-color: fgc;
}

.svg-btn:hover Region {
    -fx-background-color: #3861af;
}

.svg-btn:pressed Region {
    -fx-background-color: hgc;
}

#top-btn {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
}

#top-btn,
#top-btn:focused {
    -fx-background-insets: 0;
    -fx-border-insets: 0;
}

#top-btn Region {
    -fx-background-color: fgc;
}

#top-btn:hover Region {
    -fx-background-color:  #3861af;
}

#top-btn Region {
    -fx-shape: "M31.6,10.9L21.1,0.4c-0.3-0.3-0.6-0.4-1-0.4c-0.4,0-0.7,0.1-1,0.4l-6.9,6.9c-0.5-0.1-1-0.1-1.6-0.1c-3.2,0-6.3,1.1-8.8,3.1  c-0.6,0.5-0.7,1.4-0.2,2c0,0,0.1,0.1,0.1,0.1l7.7,7.7l-9.2,9.2c-0.1,0.1-0.2,0.3-0.2,0.4L0,31.3C0,31.6,0.2,32,0.6,32c0,0,0,0,0.1,0  c0,0,0,0,0.1,0l1.6-0.1c0.2,0,0.3-0.1,0.4-0.2l9.2-9.2l7.7,7.7c0.3,0.3,0.6,0.4,1,0.4c0.4,0,0.8-0.2,1.1-0.5c2.3-2.9,3.4-6.6,3-10.4  l6.9-6.9C32.1,12.3,32.1,11.4,31.6,10.9z M22.6,17.6l-1,1l0.2,1.5c0.3,2.3-0.2,4.6-1.3,6.6l-15-15c2-1.1,4.3-1.6,6.5-1.3l1.5,0.2  l1-1l5.7-5.7l8.1,8.1L22.6,17.6L22.6,17.6z";
}

#top-btn:selected Region {
    -fx-shape: "M31.9,22.6l0-12.8c0-0.3-0.1-0.6-0.4-0.9c-0.2-0.2-0.5-0.4-0.9-0.4l-8.4,0c-0.3-0.4-0.6-0.7-0.9-1c-2-2-4.5-3.2-7.3-3.5  c-0.7-0.1-1.3,0.4-1.4,1.1c0,0,0,0.1,0,0.1l0,9.5l-11.2,0c-0.1,0-0.3,0-0.4,0.1L0,15.7c-0.2,0.2-0.3,0.6-0.1,0.8c0,0,0,0,0,0  c0,0,0,0,0,0l1.1,0.9c0.1,0.1,0.2,0.1,0.4,0.1l11.2,0l0,9.5c0,0.3,0.1,0.6,0.4,0.9c0.3,0.3,0.6,0.4,1,0.4c3.2-0.4,6.2-2,8.2-4.5  l8.4,0C31.3,23.8,31.9,23.3,31.9,22.6z M22.2,21.2l-1.3,0l-0.8,1c-1.2,1.5-2.9,2.7-4.8,3.2l0-18.4c1.9,0.5,3.6,1.7,4.8,3.2l0.8,1  l1.3,0l7,0l0,10L22.2,21.2L22.2,21.2z";
}

#close-btn Region {
    -fx-background-color: gray;
    -fx-shape: "M31.5,29.3L18.3,16.1L31.5,2.9c0.6-0.6,0.6-1.7,0-2.3c-0.6-0.6-1.7-0.6-2.3,0L16,13.8L2.8,0.5c-0.6-0.6-1.7-0.6-2.3,0  s-0.6,1.7,0,2.3l13.2,13.2L0.5,29.3c-0.6,0.6-0.6,1.7,0,2.3c0.6,0.6,1.7,0.6,2.3,0L16,18.4l13.2,13.2c0.6,0.6,1.7,0.6,2.3,0  C32.2,31,32.2,29.9,31.5,29.3L31.5,29.3z";
}

#close-btn:hover Region {
    -fx-background-color: #e51f1f;
}

#close-btn:pressed Region {
    -fx-background-color: derive(#e51f1f, -26%);
}

#skin-btn {
    -fx-background-color: null;
}

#skin-btn Region {
    -fx-background-color: #696969;
    -fx-shape: "M5.6,22.5C7.9,26,11.7,28,15.8,28C22.5,28,28,22.6,28,16c0-5.9-4.3-10.8-10-11.8c0.3,1.2,0.5,2.5,0.5,3.8  C18.5,15.5,12.9,21.6,5.6,22.5z M3.4,20h0.2c6.7,0,12.2-5.4,12.2-12c0-1.7-0.3-3.3-1-4.8L14,1.3l2.1,0C24.2,1.5,30.7,8,30.7,16  c0,8.1-6.7,14.7-14.9,14.7c-6,0-11.3-3.5-13.6-8.8L1.3,20C1.3,20,3.4,20,3.4,20z";
}

#skin-btn:hover Region {
    -fx-background-color: fgc;
}

#skin-btn:selected Region {
    -fx-shape: "M17.7,26.9V32h-2.6v-5.1C15.1,26.9,17.7,26.9,17.7,26.9z M7.8,22.8l1.8,1.8L6,28.2l-1.8-1.8C4.2,26.4,7.8,22.8,7.8,22.8z   M25,22.8l3.6,3.6l-1.8,1.8l-3.6-3.6C23.2,24.6,25,22.8,25,22.8z M16.4,7.7c4.6,0,8.3,3.7,8.3,8.3s-3.7,8.3-8.3,8.3S8.1,20.6,8.1,16  S11.8,7.7,16.4,7.7z M16.4,10.2c-3.2,0-5.8,2.6-5.8,5.8s2.6,5.8,5.8,5.8s5.8-2.6,5.8-5.8S19.6,10.2,16.4,10.2z M32.4,14.7v2.6h-5.1  v-2.6H32.4z M5.5,14.7v2.6H0.4v-2.6H5.5z M26.9,3.7l1.8,1.8l-3.6,3.6l-1.8-1.8C23.3,7.3,26.9,3.7,26.9,3.7z M5.9,3.7l3.6,3.6  L7.7,9.1L4.1,5.5L5.9,3.7L5.9,3.7z M17.7,0v5.1h-2.6V0H17.7z";
}

#skin-btn:disabled Region,
#skin-btn:selected:disabled Region,
#skin-btn:hover:disabled Region {
    -fx-background-color: white;
    -fx-opacity: 1.0;
}

#about-btn Region {
    -fx-max-width: 18px;
    -fx-max-height: 18px;
    -fx-shape: "M16,0c8.8,0,16,7.2,16,16s-7.2,16-16,16S0,24.8,0,16S7.2,0,16,0z M16,3C8.8,3,3,8.8,3,16s5.8,13,13,13c7.2,0,13-5.8,13-13  C29,8.8,23.2,3,16,3z M16,20.6c1,0,1.8,0.8,1.8,1.8S17,24.2,16,24.2s-1.8-0.8-1.8-1.8S15,20.6,16,20.6L16,20.6z M16,6.9  c0.8,0,1.5,0.7,1.5,1.5v9.1c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5V8.4C14.5,7.5,15.2,6.9,16,6.9z";
}

#mini-btn Region {
    -fx-max-height: 2px;
    -fx-shape: "M31.2,17.7H0.8c-0.5,0-0.8-0.4-0.8-0.8v-1.8c0-0.5,0.4-0.8,0.8-0.8h30.3c0.5,0,0.8,0.4,0.8,0.8v1.8C32,17.4,31.6,17.7,31.2,17.7z";
}

.separate-line {
    -fx-stroke: lightgray;
}

/*.menu-box {*/
/*    -fx-border-color: red;*/
/*    -fx-border-width: 0 1px 0 0;*/
/*    -fx-border-insets: 0 1px 0 0;*/
/*}*/

.tools-menu-btn {
    -fx-background-color: transparent;
    -fx-border-radius: 0;
    -fx-background-radius: 0;
    -fx-border-width: 0 0 0 2px;
    -fx-border-color: transparent;
    -fx-text-fill: #afb1b3;
}

.tools-menu-btn Region {
    -fx-background-color: #afb1b3;
}

.tools-menu-btn:focused,
.tools-menu-btn:hover {
    -fx-background-color: #535353;
    -fx-border-color: #535353;
    -fx-text-fill: #535353;
}

.tools-menu-btn:hover Region {
    -fx-background-color: fgc;
}

.tools-menu-btn:selected {
    -fx-background-color: #168EF4;
    -fx-border-color: #124886;
    -fx-text-fill: fgc;
}

.tools-menu-btn:selected Region {
    -fx-background-color: fgc;
}

#menu-item-color Region {
    -fx-pref-height: 14px;
    -fx-shape: "M6.7,12.2c0-0.3,0-0.6,0-0.9C6.7,6.2,10.8,2,16,2s9.3,4.2,9.3,9.3c0,0.3,0,0.6,0,0.9c3.2,1.5,5.4,4.7,5.4,8.5  c0,5.2-4.2,9.3-9.3,9.3c-2,0-3.8-0.6-5.3-1.7c-1.6,1.1-3.4,1.7-5.3,1.7c-5.2,0-9.3-4.2-9.3-9.3C1.3,16.9,3.5,13.7,6.7,12.2z   M7.4,14.9C5.3,16.1,4,18.3,4,20.7c0,3.7,3,6.7,6.7,6.7c1.2,0,2.4-0.3,3.3-0.9c-1.3-1.6-2-3.7-2-5.8c0-0.3,0-0.6,0-0.9  C9.9,18.8,8.3,17,7.4,14.9L7.4,14.9z M14.7,20.6L14.7,20.6c0,3.8,3,6.8,6.7,6.8s6.7-3,6.7-6.7c0-2.5-1.4-4.6-3.4-5.8  c-1.4,3.4-4.7,5.8-8.6,5.8C15.6,20.7,15.1,20.6,14.7,20.6z M16,18c3.7,0,6.7-3,6.7-6.7s-3-6.7-6.7-6.7s-6.7,3-6.7,6.7S12.3,18,16,18  z";
}

#menu-item-font Region {
    -fx-shape: "M14.8,27.8H17V8h8.3V5.8H6.3V8h8.5V27.8zM0,0v32h32V0H0z M29.8,29.8H2.2V2.2h27.7L29.8,29.8L29.8,29.8z";
}

#menu-item-svg Region {
    -fx-shape: "M14.9,1.1c-0.6,0-1.1,0.5-1.1,1.1c0,0.3,0.1,0.5,0.3,0.7l-3,5.6c0,0-0.1,0-0.1,0c-0.3,0-0.5,0.1-0.7,0.2L6.3,6.5  c0-0.1,0-0.1,0-0.2c0-0.6-0.5-1.1-1.1-1.1S4,5.7,4,6.3C4,6.6,4.1,6.8,4.3,7l-3,5.6c0,0-0.1,0-0.1,0c-0.6,0-1.1,0.5-1.1,1.1  c0,0.6,0.5,1.1,1.1,1.1s1.1-0.5,1.1-1.1c0-0.3-0.1-0.5-0.3-0.7l3-5.6c0,0,0.1,0,0.1,0c0.3,0,0.5-0.1,0.7-0.2l3.9,2.3  c0,0.1,0,0.1,0,0.2c0,0.6,0.5,1.1,1.1,1.1c0.6,0,1.1-0.5,1.1-1.1c0-0.3-0.1-0.5-0.3-0.7l3-5.6c0,0,0.1,0,0.1,0  c0.6,0,1.1-0.5,1.1-1.1S15.5,1.1,14.9,1.1z";
}

#menu-item-image Region {
    -fx-pref-height: 13px;
    -fx-shape: "M30.9,3.4H1.1C0.5,3.4,0,3.9,0,4.6v22.9c0,0.6,0.5,1.1,1.1,1.1h29.7c0.6,0,1.1-0.5,1.1-1.1V4.6C32,3.9,31.5,3.4,30.9,3.4z   M29.4,26H2.6v-1.4l4.9-5.9l5.4,6.4l8.3-9.9l8.2,9.7V26z M29.4,21.4l-8-9.5c-0.1-0.1-0.3-0.1-0.4,0l-8.1,9.6l-5.1-6.1  c-0.1-0.1-0.3-0.1-0.4,0L2.6,21V6h26.9V21.4zM8.6,14c1.7,0,3.1-1.4,3.1-3.1s-1.4-3.1-3.1-3.1s-3.1,1.4-3.1,3.1S6.8,14,8.6,14z M8.6,9.9c0.6,0,1,0.4,1,1c0,0.6-0.4,1-1,1  c-0.6,0-1-0.4-1-1C7.6,10.3,8,9.9,8.6,9.9z";
}

#menu-item-tutorial Region {
    -fx-shape: "M4.6,0C3.3,0,2.3,1,2.3,2.3v27.4c0,1.3,1,2.3,2.3,2.3h25.1V0H4.6z M6.9,2.3v21.8H6.3c-0.6,0-1.2,0.1-1.7,0.4V2.3H6.9z   M6.3,29.7c-0.9,0-1.7-0.8-1.7-1.7c0-0.9,0.8-1.7,1.7-1.7h21.2v3.4H6.3z M9.1,24.1V2.3h11.4v8L22.9,8l2.3,2.3v-8h2.3v21.8H9.1z";
}

#menu-item-css Region {
    -fx-shape: "M10.8,11.2v0.7h-6c-0.2,0-0.3,0.1-0.3,0.3v7.7c0,0.2,0.1,0.3,0.3,0.3h6l-0.4,0.7h-7c-0.5,0-0.7-0.3-0.7-0.7V12    c0-0.5,0.3-0.7,0.7-0.7H10.8zM14.2,11.9c-0.2,0-0.3,0.1-0.3,0.3v3.1c0,0.2,0.1,0.3,0.3,0.3h5.2c0.5,0,0.8,0.2,0.8,0.7v3.8c0,0.5-0.3,0.7-0.8,0.7h-7    L12,20.2H18c0.2,0,0.3-0.1,0.3-0.3v-3.5c0-0.2-0.1-0.3-0.3-0.3h-5.2c-0.5,0-0.7-0.2-0.7-0.7V12c0-0.5,0.2-0.8,0.7-0.8h7.4v0.7    H14.2zM23.8,11.9c-0.2,0-0.3,0.1-0.3,0.3v3.1c0,0.2,0.1,0.3,0.3,0.3h5.2c0.5,0,0.8,0.2,0.8,0.7v3.8c0,0.5-0.3,0.7-0.8,0.7h-7    l-0.4-0.6h5.9c0.2,0,0.3-0.1,0.3-0.3v-3.5c0-0.2-0.1-0.3-0.3-0.3h-5.2c-0.5,0-0.7-0.2-0.7-0.7V12c0-0.5,0.2-0.8,0.7-0.8h7.4v0.7    H23.8zM10.8,11.2v0.7h-6c-0.2,0-0.3,0.1-0.3,0.3v7.7c0,0.2,0.1,0.3,0.3,0.3h6l-0.4,0.7h-7c-0.5,0-0.7-0.3-0.7-0.7    V12c0-0.5,0.3-0.7,0.7-0.7H10.8zM14.2,11.9c-0.2,0-0.3,0.1-0.3,0.3v3.1c0,0.2,0.1,0.3,0.3,0.3h5.2c0.5,0,0.8,0.2,0.8,0.7v3.8    c0,0.5-0.3,0.7-0.8,0.7h-7L12,20.2H18c0.2,0,0.3-0.1,0.3-0.3v-3.5c0-0.2-0.1-0.3-0.3-0.3h-5.2c-0.5,0-0.7-0.2-0.7-0.7V12    c0-0.5,0.2-0.8,0.7-0.8h7.4v0.7H14.2zM23.8,11.9c-0.2,0-0.3,0.1-0.3,0.3v3.1c0,0.2,0.1,0.3,0.3,0.3h5.2c0.5,0,0.8,0.2,0.8,0.7v3.8    c0,0.5-0.3,0.7-0.8,0.7h-7l-0.4-0.6h5.9c0.2,0,0.3-0.1,0.3-0.3v-3.5c0-0.2-0.1-0.3-0.3-0.3h-5.2c-0.5,0-0.7-0.2-0.7-0.7V12    c0-0.5,0.2-0.8,0.7-0.8h7.4v0.7H23.8z";
}

#menu-item-settings Region {
    -fx-shape: "M3.7,8.9v14.1L16,30.1l12.3-7.1V8.9L16,1.9L3.7,8.9z M29.2,7.3c0.6,0.3,0.9,1,0.9,1.6v14.1  c0,0.7-0.4,1.3-0.9,1.6l-12.3,7.1c-0.6,0.3-1.3,0.3-1.9,0L2.8,24.7c-0.6-0.3-0.9-1-0.9-1.6V8.9c0-0.7,0.4-1.3,0.9-1.6l12.3-7.1  c0.6-0.3,1.3-0.3,1.9,0C16.9,0.3,29.2,7.3,29.2,7.3z M16,22.6c-3.6,0-6.6-2.9-6.6-6.6c0-3.6,3-6.6,6.6-6.6c0,0,0,0,0,0  c3.6,0,6.6,3,6.6,6.6C22.6,19.6,19.6,22.6,16,22.6z M16,20.7c2.6,0,4.7-2.1,4.7-4.7s-2.1-4.7-4.7-4.7s-4.7,2.1-4.7,4.7  S13.4,20.7,16,20.7z";
}

.menu-box .region-btn {
    -fx-background-radius: 0px;
}

.rx-carousel {
    -fx-border-width: 0;
}

.custom-combobox {
    -fx-background-color: #3C3F41;
    -fx-border-width: 1px;
    -fx-border-color: #616161;
    -fx-text-fill: fgc;
}

.custom-combobox .list-cell {
    -fx-background-color: #3C3F41;
}

.custom-combobox .list-cell:hover {
    -fx-background-color: hgc;
}

.custom-combobox .arrow {
    -fx-background-color: fgc;
}

#version-combobox {
    -fx-border-width: 0px 1px 0px 1px;
}

.link-bar {
    -fx-border-width: 0 0 1 0;
    -fx-border-color: gray;
}

.link-btn {
    -fx-cursor: hand;
    -fx-background-radius: 0px;
    -fx-background-color: bgc;
    -fx-text-fill: fgc;
    -fx-border-width: 0px 0px 2px 0px;
    -fx-border-color: bgc;
}

/*.link-btn:focused {*/
/*    -fx-border-color: #2b2b2b;*/
/*}*/
.link-btn:hover {
    -fx-underline: true;
}

.link-btn:pressed {
    -fx-border-color: bgc;
}

/*----------------滚动条样式----------------------*/
.scroll-bar:horizontal .track,
.scroll-bar:vertical .track {
    -fx-background-color: bgc;
    -fx-border-color: bgc;
}

.scroll-bar:horizontal:hover .track,
.scroll-bar:vertical:hover .track {
    -fx-background-color: #434647;
    -fx-border-color: #434647;
}

/*START: 隐藏滚动条上下的按钮*/
.scroll-bar:horizontal .increment-button,
.scroll-bar:horizontal .decrement-button {
    -fx-background-color: null;
    -fx-background-radius: 0.0em;
    -fx-padding: 0.0 0.0 10.0 0.0;
}

.scroll-bar:vertical .increment-button,
.scroll-bar:vertical .decrement-button {
    -fx-background-color: null;
    -fx-background-radius: 0.0em;
    -fx-padding: 0.0 10.0 0.0 0.0;
}

.scroll-bar .increment-arrow,
.scroll-bar .decrement-arrow {
    -fx-shape: " ";
    -fx-padding: 0.15em 0.0;
}

.scroll-bar:vertical .increment-arrow,
.scroll-bar:vertical .decrement-arrow {
    -fx-shape: " ";
    -fx-padding: 0.0 0.15em;
}

/*END: 隐藏滚动条上下的按钮*/
.scroll-bar:horizontal .thumb,
.scroll-bar:vertical .thumb {
    -fx-background-color: #595B5D;
    -fx-background-insets: 2.0, 0.0, 0.0;
    -fx-background-radius: 0.0em;
}

.scroll-bar:horizontal .thumb:hover,
.scroll-bar:vertical .thumb:hover {
    -fx-background-color: #666868;
    -fx-background-insets: 2.0, 0.0, 0.0;
    -fx-background-radius: 0.0em;
}

.region-btn {
    -fx-background-color: #3c3f41;
}

.region-btn Region {
    -fx-pref-width: 13px;
    -fx-pref-height: 13px;
    -fx-background-color: fgc;
}

.region-btn:hover {
    -fx-background-color: #4c5052;
}

.region-btn:pressed {
    -fx-background-color: #858585;
    -fx-text-fill: fgc;
}

/*.region-btn:pressed Region {*/
/*    -fx-background-color: fgc;*/
/*}*/

/*-----------color page----------------*/
.tool-pane {
    -fx-border-width: 1px;
    -fx-border-color: transparent transparent transparent #808080;
    -fx-background-color: #2b2b2b;
}

#left-btn Region {
    -fx-shape: "M30 36L18 24L30 12V36Z";
}

#right-btn Region {
    -fx-shape: "M20 12L32 24L20 36V12Z";
}

#colorCombobox {
    -fx-font-size: 13px;
}

.scroll-pane {
    -fx-background-color: null;
}

.color-cell {
    -fx-border-color: null;
    -fx-border-width: 0 0 2 0;
}

.color-cell-separator {
    -fx-border-color: #696969;
    -fx-border-width: 0 0 2 0;
}

.copy-btn Region {
    -fx-shape: "M22.5,6h-17C4.1,6,3,7.1,3,8.5v19C3,28.9,4.1,30,5.5,30h17c1.4,0,2.5-1.1,2.5-2.5v-19C25,7.1,23.9,6,22.5,6z M23,27.5  c0,0.3-0.2,0.5-0.5,0.5h-17C5.2,28,5,27.8,5,27.5v-19C5,8.2,5.2,8,5.5,8h17C22.8,8,23,8.2,23,8.5V27.5zM26.5,2h-17c-0.6,0-1,0.4-1,1s0.4,1,1,1h17C26.8,4,27,4.2,27,4.5v19c0,0.6,0.4,1,1,1s1-0.4,1-1v-19C29,3.1,27.9,2,26.5,2zM19,11.3H9c-0.6,0-1,0.4-1,1s0.4,1,1,1h10c0.6,0,1-0.4,1-1S19.6,11.3,19,11.3z M19,16.3H9c-0.6,0-1,0.4-1,1s0.4,1,1,1h10  c0.6,0,1-0.4,1-1S19.6,16.3,19,16.3z M15,21.2H9c-0.6,0-1,0.4-1,1s0.4,1,1,1h6c0.6,0,1-0.4,1-1S15.6,21.2,15,21.2z";
}

.edit-btn Region {
    -fx-shape: "M24,23.3c1.4,0,2.5-1.1,2.5-2.5c0-1.7-2.5-4.4-2.5-4.4s-2.5,2.7-2.5,4.4C21.5,22.1,22.6,23.3,24,23.3z M12.2,21.9  c0.2,0.2,0.6,0.2,0.8,0l8-8c0.2-0.2,0.2-0.6,0-0.8l-8-8c0,0,0,0-0.1-0.1l-2.4-2.4c-0.1-0.1-0.3-0.1-0.4,0L8.6,4.1  c-0.1,0.1-0.1,0.3,0,0.4l2.1,2.1l-6.5,6.5c-0.2,0.2-0.2,0.6,0,0.8L12.2,21.9z M12.6,7.9l5.6,5.6H7C7,13.5,12.6,7.9,12.6,7.9z   M28.3,25.5H3.8c-0.1,0-0.3,0.1-0.3,0.3v2.5c0,0.1,0.1,0.3,0.3,0.3h24.5c0.1,0,0.3-0.1,0.3-0.3v-2.5C28.5,25.6,28.4,25.5,28.3,25.5z";
}

.picker-btn Region {
    -fx-pref-width: 15px;
    -fx-pref-height: 15px;
    -fx-min-width: 15px;
    -fx-min-height: 15px;
    -fx-shape: "M10.1,27.7l11.8-11.8l-2.8-2.8L7.3,24.9L10.1,27.7z M30.2,8.2c0.7,0.7,0.7,1.4,0,2.1l-4.6,4.6l2.8,2.8l-2.1,2.1l-2.1-2.1  l-13.1,13H4.4v-6.9l13-13.1l-2.1-2.1l2.1-2.1l2.8,2.8l4.6-4.6c0.3-0.3,0.6-0.4,1-0.4c0.4,0,0.8,0.1,1,0.4L30.2,8.2z";
}

.copy-box {
    -fx-font-size: 12px;
    -fx-border-width: 1px 0 1px 0;
    -fx-border-color: gray;
}


/*-----------font page----------------*/
#font-page,
#svg-page {
    -fx-border-width: 0 0 0 1px;
    -fx-border-color: gray;
    -fx-background-color: #2b2b2b;
}

.slider .track {
    -fx-background-color: fgc;
}

.slider .thumb {
    -fx-background-color: hgc;
}

#font-lv {
    -fx-font-size: 12px;
    -fx-fixed-cell-size: 25px;
}
.website-link-btn {
    -fx-background-color: null;
    -fx-text-fill: #0096c9;
    -fx-cursor: hand;
}
.website-link-btn:hover {
    -fx-underline: true;
}


.search-font-field .tf-button-shape {
    -fx-background-color: #f36666;
    -fx-pref-width: 24px;
    -fx-pref-height: 16px;
    -fx-translate-x: -2px;
    -fx-shape: "M31.6,23.8V8.2c0-1.2-1-2.2-2.2-2.2H10C9.5,6,9.3,6.3,9.3,6.3l-8.6,9.1C0.4,15.6,0.4,16,0.4,16c0,0.5,0.3,0.8,0.3,0.8l8.5,9  C9.4,25.9,9.7,26,9.9,26h19.4C30.6,26,31.6,25,31.6,23.8L31.6,23.8z M24,11.3c0.4,0.4,0.4,1.1,0,1.6c0,0,0,0,0,0l-7.9,7.9  c-0.4,0.4-1.1,0.4-1.6,0c-0.4-0.4-0.4-1.1,0-1.5l7.9-7.9C22.9,10.9,23.6,10.9,24,11.3C24,11.3,24,11.3,24,11.3L24,11.3z M16.2,11.3  l7.9,7.9c0.4,0.4,0.4,1.1,0,1.6c-0.4,0.4-1.1,0.4-1.5,0l-7.9-7.9c-0.4-0.4-0.4-1.1,0-1.6C15.1,10.9,15.8,10.9,16.2,11.3L16.2,11.3z   M27.9,23.8H10.6L3.3,16l7.3-7.7l0,0h17.2c0.6,0,1.1,0.5,1.1,1.1v13.3C29,23.3,28.5,23.8,27.9,23.8z";
}

.search-region {
    -fx-background-color: gray;
    -fx-shape: "M24.1,26.8c-6,4.5-14.4,3.3-18.9-2.6S1.9,9.7,7.8,5.2s14.4-3.3,18.9,2.6c3.6,4.8,3.6,11.5,0,16.3l5.2,5.2  c0.7,0.8,0.7,1.9-0.1,2.6c-0.7,0.7-1.8,0.7-2.6,0L24.1,26.8z M16,26.5c5.8,0,10.5-4.7,10.5-10.5S21.8,5.5,16,5.5c0,0,0,0,0,0  C10.2,5.5,5.5,10.2,5.5,16C5.5,21.8,10.2,26.5,16,26.5z";
}

.add-font-btn Region {
    -fx-shape: "M18.6,15.3c0-0.7-0.4-1.1-1.1-1.1s-1.1,0.4-1.1,1.1v4.4H12c-0.7,0-1.1,0.4-1.1,1.1s0.4,1.1,1.1,1.1h4.4v4.4  c0,0.7,0.4,1.1,1.1,1.1s1.1-0.4,1.1-1.1v-4.4H23c0.7,0,1.1-0.4,1.1-1.1s-0.4-1.1-1.1-1.1h-4.4V15.3zM29.2,10.2l-7.7-7.7c-0.2-0.2-0.4-0.3-0.8-0.3h-12c-1.9,0-3.3,1.4-3.3,3.3v24.1c0,1.9,1.4,3.3,3.3,3.3h17.5  c1.9,0,3.3-1.4,3.3-3.3V10.9C29.5,10.6,29.4,10.4,29.2,10.2z M20.8,4.8l6.1,6.1h-6.1V4.8z M27.3,29.5c0,0.7-0.4,1.1-1.1,1.1H8.8  c-0.7,0-1.1-0.4-1.1-1.1V5.5c0-0.7,0.4-1.1,1.1-1.1h9.8v6.6c0,1.2,1,2.2,2.2,2.2h6.6V29.5z";
}

.copy-text-field {
    -fx-background-color: #2b2b2b;
    -fx-border-width: 0 0 1px 0;
    -fx-font-size: 12px;
}

.copy-text-field .tf-button-shape {
    -fx-background-color: black;
    -fx-pref-width: 15px;
    -fx-pref-height: 15px;
}

.open-btn Region {
    -fx-shape: "M34.7,9.3c-0.3-0.4-0.7-0.6-1.2-0.6h-6.7l-5.4-5.4c-0.3-0.3-0.6-0.4-1-0.4h-19C0.6,2.9,0,3.5,0,4.4v26.3  c0,0.9,0.6,1.5,1.5,1.5h27.7c0.7,0,1.3-0.4,1.5-1.2L35,10.5C35,10.1,35,9.6,34.7,9.3L34.7,9.3z M2.9,5.8h16.9l2.9,2.9H5.8  c-0.7,0-1.3,0.4-1.5,1.2l-1.5,7L2.9,5.8L2.9,5.8z M28,29.2H3.2L7,11.7h24.8C31.8,11.7,28,29.2,28,29.2z";
}

.list-cell,
.list-cell:empty,
.tree-cell,
.tree-cell:empty {
    -fx-background-color: bgc;
    /*-fx-border-color: #3C3F41;*/
}

.list-cell:selected,
.tree-cell:selected {
    -fx-background-color: hgc;
}

.tree-cell .tree-disclosure-node .arrow {
    -fx-pref-width: 16px;
    -fx-pref-height: 13px;
    -fx-shape: "M30.3,6.7H16.9l-3.5-3.5c-0.3-0.3-0.7-0.5-1.2-0.5H3c-0.9,0-1.7,0.7-1.7,1.7v22C1.3,27.3,2.1,28,3,28h27.3  c0.9,0,1.7-0.7,1.7-1.7v-18C32,7.4,31.3,6.7,30.3,6.7z M3,4h9.3c0.1,0,0.2,0,0.2,0.1l2.6,2.6H3c-0.1,0-0.2,0-0.3,0V4.3  C2.7,4.1,2.8,4,3,4L3,4z";
    -fx-background-color: fgc;
}

.tree-cell:expanded .tree-disclosure-node .arrow {
    -fx-rotate: 0;
    -fx-shape: "M2.5,12.9L0,22.2V4.3c0-0.9,0.7-1.7,1.7-1.7h7.9c0.4,0,0.9,0.2,1.2,0.5l3.4,3.4c0.1,0.1,0.1,0.1,0.2,0.1h11.9  c0.9,0,1.7,0.7,1.7,1.7v2.3H5.4C4.1,10.7,2.9,11.6,2.5,12.9z M31.3,12.7C31,12.2,30.5,12,30,12H5.4c-0.8,0-1.4,0.5-1.6,1.2L0.4,25.9  c-0.2,0.9,0.3,1.8,1.2,2C1.7,28,1.8,28,2,28h24.6c0.8,0,1.4-0.5,1.6-1.2l3.5-12.7C31.8,13.6,31.7,13.1,31.3,12.7L31.3,12.7z";
}

.tree-view .tree-cell .link-shape,
.list-view .list-cell .link-shape {
    -fx-pref-width: 16px;
    -fx-pref-height: 16px;
    /*-fx-shape: "M10.9,27c-1.7,0-3.4-0.7-4.6-1.9c-2.5-2.5-2.5-6.7,0-9.3L16,6.1c0.3-0.3,0.7-0.3,0.9,0s0.3,0.7,0,0.9l-9.7,9.7  c-2,2.1-2,5.3,0,7.4c1,1,2.3,1.5,3.7,1.5s2.7-0.5,3.7-1.5l11.5-11.6c1.3-1.3,1.3-3.3,0-4.6C25.5,7.3,24.7,7,23.9,7s-1.7,0.3-2.3,0.9  L10.1,19.5c-0.5,0.5-0.5,1.3,0,1.9c0.5,0.5,1.3,0.5,1.8,0l9.7-9.7c0.3-0.3,0.7-0.3,0.9,0s0.3,0.7,0,0.9l-9.7,9.7c-1,1-2.7,1-3.7,0  s-1-2.7,0-3.7L20.6,7c0.9-0.9,2-1.3,3.3-1.3c1.2,0,2.4,0.5,3.3,1.3c1.8,1.8,1.8,4.7,0,6.5L15.5,25.1C14.3,26.3,12.7,27,10.9,27z";*/
    -fx-shape: "M30.6,11.9C30.6,11.9,30.6,11.9,30.6,11.9C30.6,11.8,30.6,11.8,30.6,11.9C30.6,11.8,30.6,11.8,30.6,11.9c0-0.2,0-0.2,0-0.3  c0-0.1,0-0.1-0.1-0.2v0c0,0,0-0.1,0-0.1v0c0,0,0-0.1,0-0.1c0,0,0,0,0,0c0,0,0,0,0-0.1c0,0,0,0,0,0c0,0,0,0-0.1-0.1c0,0,0,0,0,0  c0,0,0,0-0.1-0.1l0,0l-8.5-8.5c0,0,0,0-0.1-0.1c0,0,0,0,0,0c0,0,0,0-0.1-0.1c0,0,0,0,0,0c0,0,0,0-0.1,0c0,0,0,0,0,0c0,0,0,0-0.1,0  c0,0-0.1,0-0.1,0h0c-0.1,0-0.1,0-0.2-0.1c-0.1,0-0.1,0-0.2,0c0,0,0,0,0,0c0,0-0.1,0-0.1,0H5.6c-0.7,0-1.2,0.6-1.2,1.2v28.1  c0,0.7,0.6,1.2,1.2,1.2h23.8c0.7,0,1.2-0.6,1.2-1.2V11.9C30.6,11.9,30.6,11.9,30.6,11.9z M22.1,6.4l4.3,4.3h-4.3V6.4z M6.8,30.3V4.6  h12.8v7.3c0,0.7,0.6,1.2,1.2,1.2h7.3v17.2L6.8,30.3L6.8,30.3z";
    -fx-background-color: fgc;
}

.tree-view .tree-cell:selected .link-shape,
.list-view .list-cell:selected .link-shape {
    -fx-shape: "M12,16H2v-4h10V8l6,6l-6,6V16z M32,0v26l-12,6v-6H8v-8h2v6h10V6l8-4H10v8H8V0H32z";
}

.tree-view .tree-cell:selected .link-shape:hover,
.list-view .list-cell:selected .link-shape:hover {
    -fx-scale-x: 1.2;
    -fx-scale-y: 1.2;
}

.tree-view .tree-cell:selected .link-shape:hover:pressed,
.list-view .list-cell:selected .link-shape:hover:pressed {
    -fx-scale-x: 1.5;
    -fx-scale-y: 1.5;
}


.tree-view .tree-cell .link-shape:pressed,
.list-view .list-cell .link-shape:pressed {
    -fx-background-color: gray;
}

.tree-view:focused .tree-cell:selected .link-shape,
.list-view:focused .list-cell:selected .link-shape {
    -fx-background-color: fgc;
}

.tree-view .tree-cell:selected .link-shape,
.list-view .list-cell:selected .link-shape {
    -fx-background-color: fgc;
}

/*---------------svg-page -----------*/
.border-pane {
    -fx-border-color: lightgray;
}

.hide-box {
    -fx-border-color: lightgray;
    -fx-border-width: 0 0 1px 0;
}

.hide-box .button {
    -fx-background-radius: 0;
}

.hide-box .button Region {
    -fx-pref-width: 16px;
    -fx-pref-height: 16px;
    -fx-max-width: 16px;
    -fx-max-height: 16px;
}

.context-menu {
    -fx-background-color: #3c3f41;
}

.custom-menu-item Region {
    -fx-pref-width: 13px;
    -fx-pref-height: 13px;
    -fx-background-color: fgc;
    -fx-text-fill: fgc;
}

.custom-menu-item:hover,
.custom-menu-item:focused,
.custom-menu-item:selected {
    -fx-background-color: hgc;
}

.radio-menu-item Region {
    -fx-background-color: fgc;
    -fx-text-fill: fgc;
}

.radio-menu-item:hover,
.custom-menu-item:focused {
    -fx-background-color: hgc;
}


.select-svg-file-btn Region {
    -fx-shape: "M12,16H2v-4h10V8l6,6l-6,6V16z M32,0v26l-12,6v-6H8v-8h2v6h10V6l8-4H10v8H8V0H32z";
}

.browser-btn Region {
    /*-fx-shape: "M11.6,16c0,2.4,2,4.4,4.4,4.4s4.4-2,4.4-4.4s-2-4.4-4.4-4.4S11.6,13.6,11.6,16z M28.1,11.3l-7.3,0.4c2,2.3,2,5.7,0.3,8.2  l-5.9,9c2.4,0.1,4.9-0.4,7.2-1.7C28.1,24,30.4,17.2,28.1,11.3z M10,18.5L5.1,8.9C3.8,10.9,3,13.4,3,16c0,6.5,4.8,11.9,11,12.8  l3.3-6.5C14.3,22.9,11.4,21.2,10,18.5z M16.8,9.6l10.8,0.6c-1.1-2.2-2.8-4.1-5.1-5.4C20.4,3.5,18.2,3,16,3C12.1,3,8.4,4.7,5.9,7.8  l4,6.2C10.9,11.1,13.8,9.4,16.8,9.6z";*/
    -fx-shape: "M28.8,2.9H3.3c-1.4,0-2.5,1.1-2.5,2.5v17.5c0,1.4,1.1,2.5,2.5,2.5h8.6c0,0.2-0.1,0.3-0.1,0.5c-0.1,0.5-0.3,1.1-0.3,1.1  c-0.1,0.1-0.2,0.2-0.2,0.2c-0.2,0.2-0.3,0.5-0.3,0.8c0,0.7,0.5,1.1,1.1,1.1h8.1c0.6,0,1-0.5,1-1.1c0-0.3-0.1-0.6-0.3-0.8  c0-0.1-0.1-0.1-0.1-0.1c-0.2-0.2-0.3-0.3-0.5-1.8h8.4c1.4,0,2.5-1.1,2.5-2.5V5.3C31.3,4,30.2,2.9,28.8,2.9z M29.4,18.5  c0,0.2-0.2,0.5-0.5,0.5H3.3c-0.2,0-0.5-0.2-0.5-0.5L2.8,5c0-0.2,0.2-0.5,0.5-0.5h25.6c0.2,0,0.5,0.2,0.5,0.5L29.4,18.5L29.4,18.5z";
}

.reload-btn Region {
    -fx-shape: "M27.8,5.2C24.9,2,20.7,0,16,0C7.2,0,0,7.2,0,16h3C3,8.8,8.8,3,16,3c3.8,0,7.3,1.7,9.7,4.3L21,12h11V1L27.8,5.2zM29,16c0,7.2-5.8,13-13,13c-3.8,0-7.3-1.7-9.7-4.3L11,20H0v11l4.2-4.2C7.1,30,11.3,32,16,32c8.8,0,16-7.2,16-16H29z";
}

.view-code-btn Region {
    -fx-shape: "M29,29H3V3h26V29z M26.3,12.2H5.7v14.1h20.6C26.3,26.2,26.3,12.2,26.3,12.2z M26.3,9.4V5.8H5.7v3.7H26.3z   M10.7,23.7l-1.9-2l3.3-3.4L8.8,15l1.9-2l5.2,5.3C15.9,18.4,10.7,23.7,10.7,23.7z M23.6,21v2.8H18V21C18,21,23.6,21,23.6,21z";
}

.open-svg-btn Region {
    -fx-pref-width: 16px;
    -fx-pref-height: 14px;
    -fx-shape: "M5,28.4c-0.7,0-1.3-0.6-1.3-1.3l2.6-14.3v0c0-0.7,0.6-1.3,1.3-1.3h21.1c0.7,0,1.3,0.6,1.3,1.3l-2.6,14.3v0  c0,0.7-0.6,1.3-1.3,1.3H5zM6.3,9.8h20.5v-2c0-0.9-0.7-1.7-1.5-1.7H13.6l-2.3-2.5H3.6C2.7,3.6,2,4.4,2,5.3v19.9l2.5-13.8  C4.6,10.5,5.3,9.8,6.3,9.8";
    -fx-background-color: #eea01f;
}

.bind-btn {
    -fx-background-color: lightgray;
    -fx-background-radius: 15px;
}

.bind-btn Region {
    -fx-background-color: black;
    -fx-shape: "M21.5,20.4v11.5c-0.2,3.8-3.2,6.9-7.1,7.1c-4.1,0.2-7.5-3-7.7-7.1l0-6.6c0.9,1,2,1.8,3.2,2.4l0,4.2  c0.1,2.1,1.8,3.8,3.9,3.9c2.3,0.1,4.3-1.6,4.4-3.9l0-11.6c0-2.3-1.9-4.1-4.2-4.2c-0.6,0-1.2,0.2-1.8,0.5l0-3.4  c0.6-0.2,1.2-0.2,1.8-0.2C18.2,13,21.5,16.3,21.5,20.4zM14.1,0c4.1,0,7.4,3.3,7.3,7.4V14c-0.9-1-2-1.9-3.2-2.4l-0.1-4.1c-0.1-2.1-1.8-3.8-3.9-3.9  C12,3.4,10,5.1,9.9,7.4l0,11.5c0,0,0,0,0,0c0,2.3,1.9,4.2,4.2,4.2c0.6,0,1.2-0.2,1.8-0.5l0,3.4c-0.6,0.2-1.2,0.2-1.8,0.2  c-4.1,0-7.4-3.3-7.4-7.4l0-11.5C6.8,3.3,10,0,14.1,0C14.1,0,14.1,0,14.1,0zM0.3,16.9L0.3,16.9L0.3,16.9L0.3,16.9L0.3,16.9zM27.8,16.7L27.8,16.7L27.8,16.7L27.8,16.7L27.8,16.7z";
}

/*.bind-btn:hover Region {*/
/*    -fx-background-color: #2b2b2b;*/
/*}*/

/*.bind-btn:selected {*/
/*    -fx-background-color: gray;*/
/*}*/

/*.bind-btn:selected Region {*/
/*    -fx-shape: "M21.5,20.4v11.5c-0.2,3.8-3.2,6.9-7.1,7.1c-4.1,0.2-7.5-3-7.7-7.1l0-6.6c0.9,1,2,1.8,3.2,2.4l0,4.2  c0.1,2.1,1.8,3.8,3.9,3.9c2.3,0.1,4.3-1.6,4.4-3.9l0-11.6c0-2.3-1.9-4.1-4.2-4.2c-0.6,0-1.2,0.2-1.8,0.5l0-3.4  c0.6-0.2,1.2-0.2,1.8-0.2C18.2,13,21.5,16.3,21.5,20.4zM14.1,0c4.1,0,7.4,3.3,7.3,7.4V14c-0.9-1-2-1.9-3.2-2.4l-0.1-4.1c-0.1-2.1-1.8-3.8-3.9-3.9  C12,3.4,10,5.1,9.9,7.4l0,11.5c0,0,0,0,0,0c0,2.3,1.9,4.2,4.2,4.2c0.6,0,1.2-0.2,1.8-0.5l0,3.4c-0.6,0.2-1.2,0.2-1.8,0.2  c-4.1,0-7.4-3.3-7.4-7.4l0-11.5C6.8,3.3,10,0,14.1,0C14.1,0,14.1,0,14.1,0zM0.3,16.9L0.3,16.9L0.3,16.9L0.3,16.9L0.3,16.9zM27.8,16.7L27.8,16.7L27.8,16.7L27.8,16.7L27.8,16.7z";*/
/*}*/

#svg-page .litter-label {
    -fx-font-size: 12px;
}

#svg-page .litter-label Region {
    -fx-background-color: gray;
    -fx-max-width: 12px;
    -fx-max-height: 12px;
    -fx-pref-width: 12px;
    -fx-pref-height: 12px;
}

.text-area:focused {
    -fx-background-color: bgc;
    -fx-background-insets: 0;
}

.text-area {
    -fx-faint-focus-color: transparent;
    -fx-focus-color: transparent;
    -fx-background-color: bgc;
    -fx-background-insets: 0;
}

.text-area .content {
    -fx-background-color: bgc;
}

#svg-page .hide-box .region-btn Region {
    -fx-max-height: 16px;
    -fx-max-width: 16px;
}

#svg-page .hide-box .region-btn {
    -fx-pref-width: 32px;
    -fx-pref-height: 32px;
}

.svg-bg-btn .bg-btn-region {
    -fx-pref-width: 13px;
    -fx-pref-height: 13px;
    -fx-shape: "M24,23.3c1.4,0,2.5-1.1,2.5-2.5c0-1.7-2.5-4.4-2.5-4.4s-2.5,2.7-2.5,4.4C21.5,22.1,22.6,23.3,24,23.3z M12.2,21.9  c0.2,0.2,0.6,0.2,0.8,0l8-8c0.2-0.2,0.2-0.6,0-0.8l-8-8c0,0,0,0-0.1-0.1l-2.4-2.4c-0.1-0.1-0.3-0.1-0.4,0L8.6,4.1  c-0.1,0.1-0.1,0.3,0,0.4l2.1,2.1l-6.5,6.5c-0.2,0.2-0.2,0.6,0,0.8L12.2,21.9z M12.6,7.9l5.6,5.6H7C7,13.5,12.6,7.9,12.6,7.9z   M28.3,25.5H3.8c-0.1,0-0.3,0.1-0.3,0.3v2.5c0,0.1,0.1,0.3,0.3,0.3h24.5c0.1,0,0.3-0.1,0.3-0.3v-2.5C28.5,25.6,28.4,25.5,28.3,25.5z";
    -fx-background-color: fgc;
}

.svg-bg-btn:focused .bg-btn-region {
    -fx-background-color: fgc;
}

.full-btn Region {
    -fx-shape: "M22.4,1.6H32v9.6h-3.2V4.8h-6.4V1.6z M0,1.6h9.6v3.2H3.2v6.4H0V1.6z M28.8,27.2v-6.4H32v9.6h-9.6v-3.2H28.8z M3.2,27.2h6.4  v3.2H0v-9.6h3.2V27.2zM25.3,23H6.9V9.4h18.4V23z";
}

.hide-btn Region {
    -fx-shape: "M16,12.8L5.2,2L2.5,4.8L16,18.3L29.5,4.8L26.8,2L16,12.8zM16,24.5L5.2,13.7l-2.8,2.8L16,30l13.5-13.5l-2.8-2.7L16,24.5z";
}

.size-label Region {
    -fx-shape: "M26.1,5.8v20.5c0,0.1,0.1,0.3,0.3,0.3h1.9c0.1,0,0.3-0.1,0.3-0.3V5.8c0-0.1-0.1-0.3-0.3-0.3h-1.9  C26.2,5.5,26.1,5.6,26.1,5.8z M3.5,5.8v20.5c0,0.1,0.1,0.3,0.3,0.3h1.9c0.1,0,0.3-0.1,0.3-0.3V5.8c0-0.1-0.1-0.3-0.3-0.3H3.8  C3.6,5.5,3.5,5.6,3.5,5.8z M11.8,12.9c0-0.2-0.2-0.3-0.4-0.2l-4,3.1c-0.1,0.1-0.1,0.3,0,0.4l4,3.2c0.1,0.1,0.4,0,0.4-0.2v-2.1h8.4v2  c0,0.2,0.2,0.3,0.4,0.2l4-3.1c0.1-0.1,0.1-0.3,0-0.4l-4-3.1c-0.1-0.1-0.4,0-0.4,0.2v2.1h-8.4V12.9z";
}

.height-label Region {
    -fx-rotate: 90;
}

.band-label Region {
    -fx-shape: "M29.9,2.6v26.9H2.1V2.6H29.9 M32,0H0v32h32L32,0L32,0zM23.8,4.9c-1.9,0-3.5,1.6-3.5,3.5c0,1.6,1,2.9,2.5,3.3v3l-12.1,4V9.8c1.4-0.5,2.4-1.8,2.4-3.3c0-1.9-1.6-3.5-3.5-3.5  S6.1,4.6,6.1,6.5c0,1.5,1,2.8,2.4,3.3v12.1c-1.4,0.5-2.4,1.8-2.4,3.3c0,1.9,1.6,3.5,3.5,3.5s3.5-1.6,3.5-3.5c0-1.5-1-2.8-2.4-3.3  v-0.9l13.2-4.3c0.7-0.2,1.1-0.8,1.1-1.5v-3.5c1.3-0.5,2.3-1.8,2.3-3.3C27.3,6.5,25.8,4.9,23.8,4.9z M8.1,6.5C8.1,5.7,8.8,5,9.6,5  s1.5,0.7,1.5,1.5S10.4,8,9.6,8S8.1,7.3,8.1,6.5z M11.1,25.3c0,0.8-0.7,1.5-1.5,1.5s-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5  S11.1,24.4,11.1,25.3z M23.8,9.9c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5S24.7,9.9,23.8,9.9z";
}

.file-label Region {
    -fx-shape: "M30.6,11.9C30.6,11.9,30.6,11.9,30.6,11.9C30.6,11.8,30.6,11.8,30.6,11.9C30.6,11.8,30.6,11.8,30.6,11.9c0-0.2,0-0.2,0-0.3  c0-0.1,0-0.1-0.1-0.2v0c0,0,0-0.1,0-0.1v0c0,0,0-0.1,0-0.1c0,0,0,0,0,0c0,0,0,0,0-0.1c0,0,0,0,0,0c0,0,0,0-0.1-0.1c0,0,0,0,0,0  c0,0,0,0-0.1-0.1l0,0l-8.5-8.5c0,0,0,0-0.1-0.1c0,0,0,0,0,0c0,0,0,0-0.1-0.1c0,0,0,0,0,0c0,0,0,0-0.1,0c0,0,0,0,0,0c0,0,0,0-0.1,0  c0,0-0.1,0-0.1,0h0c-0.1,0-0.1,0-0.2-0.1c-0.1,0-0.1,0-0.2,0c0,0,0,0,0,0c0,0-0.1,0-0.1,0H5.6c-0.7,0-1.2,0.6-1.2,1.2v28.1  c0,0.7,0.6,1.2,1.2,1.2h23.8c0.7,0,1.2-0.6,1.2-1.2V11.9C30.6,11.9,30.6,11.9,30.6,11.9z M22.1,6.4l4.3,4.3h-4.3V6.4z M6.8,30.3V4.6  h12.8v7.3c0,0.7,0.6,1.2,1.2,1.2h7.3v17.2L6.8,30.3L6.8,30.3z";
}

.svg-edit-color-btn {
    -fx-background-color: null;
}

.size-field {
    -fx-padding: 0px;
    -fx-font-size: 12px;
}

.hide-box {
    -fx-background-color: #E8E8E8;
}

.icomoon-link Region {
    -fx-shape: "M8.1,16c0-2,1.7-3.7,3.7-3.7s3.7,1.7,3.7,3.7s-1.7,3.7-3.7,3.7S8.1,18,8.1,16z M16,0C7.2,0,0,7.2,0,16s7.2,16,16,16  c8.8,0,16-7.2,16-16C32,7.2,24.8,0,16,0z M11.9,30c-4.8-2.8-8-8-8-14S7,4.8,11.9,2c4.8,2.8,8,8,8,14C19.9,22,16.7,27.2,11.9,30  L11.9,30z";
    -fx-background-color: fgc;
}
.bg-box .rx-toggle-button {
    -fx-border-color: fgc;
    -fx-border-insets: 0;
    -fx-background-insets: 0;
}

.bg-box .rx-toggle-button:selected ImageView {
    visibility: true;
}


.svg-bg-translucent {
    -fx-background-image: url(../images/translucent-min.png);
    -fx-background-repeat: repeat;
}

.svg-bg-white {
    -fx-background-color: white;
}


.svg-bg-black {
    -fx-background-color: bgc;
}

.svg-bg-gray {
    -fx-background-color: gray;
}

.svg-bg-transport {
    -fx-background-color: null;
    -fx-background-image: url(../images/transport-min.png);
    -fx-background-repeat: repeat;
}

.image-page {
    -fx-border-color: gray;
    -fx-border-width: 0 0 0 1px;
    -fx-background-color: #2b2b2b;
}

.image-page .fgc-label Region {
    -fx-background-color: fgc;
}
.delete-region {
    -fx-shape: "M9.5,1.8l0.7,0.7l-7.8,7.8L1.8,9.5L9.5,1.8zM10.2,9.5l-0.7,0.7L1.8,2.5l0.7-0.7L10.2,9.5z";
    -fx-background-color: fgc;
}
.edit-region {
    -fx-shape: "M12.299331,6.74049726 L9.29952586,3.74069209 L2,10.9993506 L2,13.9991557 L4.99980517,13.9991557 L12.299331,6.74049726 Z M14.7991687,4.24065962 C15.1202771,3.91952035 15.1202771,3.0618963 14.7991687,2.74075703 L13.2992661,1.24085445 C12.9781577,0.919715183 12.1204719,0.919715183 11.7993635,1.24085445 L10.2994609,2.74075703 L13.2992661,5.7405622 L14.7991687,4.24065962 Z";
    -fx-background-color: fgc;
}
.menu-item:focused .label{
    -fx-text-fill: white;
}
.menu-item:focused Region {
    -fx-background-color: white;
}
/*#image-page Label Region {*/
/*    -fx-background-color: fgc;*/
/*}*/

/*.delete-btn,*/
/*.clear-btn {*/
/*    -fx-background-radius: 3px;*/
/*}*/

.delete-btn Region {
    -fx-shape: "M1,0l15,15l-1,1L0,1L1,0zM0,15L15,0l1,1L1,16L0,15z";
}

/*-----删除选择的图片按钮演示---*/
.delete-btn-demo Region {
    -fx-pref-width: 18px;
    -fx-pref-height: 18px;
    -fx-shape: "M1,0l15,15l-1,1L0,1L1,0zM0,15L15,0l1,1L1,16L0,15z";
    -fx-background-color: fgc;
}


.clear-btn Region {
    -fx-shape: "M14.2,3.6h-2.5V1.8c0-0.2-0.2-0.4-0.4-0.4H4.7c-0.2,0-0.4,0.2-0.4,0.4v1.8H1.8C1.6,3.6,1.5,3.8,1.5,4c0,0.2,0.2,0.4,0.4,0.4  h12.4c0.2,0,0.4-0.2,0.4-0.4S14.4,3.6,14.2,3.6z M5.1,2.2h5.8v1.5l-5.8,0V2.2z M12.4,5.8C12.2,5.8,12,6,12,6.2v7.6l-8,0V6.2  C4,6,3.8,5.8,3.6,5.8S3.3,6,3.3,6.2v8c0,0.2,0.2,0.4,0.4,0.4h8.7c0.2,0,0.4-0.2,0.4-0.4v-8C12.7,6,12.6,5.8,12.4,5.8z M6.9,12V6.2  c0-0.2-0.2-0.4-0.4-0.4S6.2,6,6.2,6.2V12c0,0.2,0.2,0.4,0.4,0.4S6.9,12.2,6.9,12z M9.8,12V6.2c0-0.2-0.2-0.4-0.4-0.4S9.1,6,9.1,6.2  V12c0,0.2,0.2,0.4,0.4,0.4S9.8,12.2,9.8,12z";
    /*-fx-background-color: #de5252;*/
}

/*--------清空按钮演示说明-------*/
.clear-btn-demo Region {
    -fx-pref-width: 22px;
    -fx-pref-height: 22px;
    -fx-shape: "M14.2,3.6h-2.5V1.8c0-0.2-0.2-0.4-0.4-0.4H4.7c-0.2,0-0.4,0.2-0.4,0.4v1.8H1.8C1.6,3.6,1.5,3.8,1.5,4c0,0.2,0.2,0.4,0.4,0.4  h12.4c0.2,0,0.4-0.2,0.4-0.4S14.4,3.6,14.2,3.6z M5.1,2.2h5.8v1.5l-5.8,0V2.2z M12.4,5.8C12.2,5.8,12,6,12,6.2v7.6l-8,0V6.2  C4,6,3.8,5.8,3.6,5.8S3.3,6,3.3,6.2v8c0,0.2,0.2,0.4,0.4,0.4h8.7c0.2,0,0.4-0.2,0.4-0.4v-8C12.7,6,12.6,5.8,12.4,5.8z M6.9,12V6.2  c0-0.2-0.2-0.4-0.4-0.4S6.2,6,6.2,6.2V12c0,0.2,0.2,0.4,0.4,0.4S6.9,12.2,6.9,12z M9.8,12V6.2c0-0.2-0.2-0.4-0.4-0.4S9.1,6,9.1,6.2  V12c0,0.2,0.2,0.4,0.4,0.4S9.8,12.2,9.8,12z";
    -fx-background-color: fgc;
}


.copy-btn,
.choose-target-btn,
.open-target-btn {
    -fx-background-radius: 2px;
}

.choose-target-btn Region {
    -fx-pref-width: 18px;
    -fx-pref-height: 4px;
    -fx-max-width: 18px;
    -fx-max-height: 4px;
    -fx-shape: "M2,16c0-1,0.3-1.8,1-2.5c0.7-0.7,1.5-1,2.5-1c1,0,1.8,0.3,2.5,1S9,15,9,16s-0.3,1.8-1,2.5c-0.7,0.7-1.5,1-2.5,1  s-1.8-0.3-2.5-1S2,17,2,16z M12.5,16c0-1,0.3-1.8,1-2.5c0.7-0.7,1.5-1,2.5-1s1.8,0.3,2.5,1c0.7,0.7,1,1.5,1,2.5s-0.3,1.8-1,2.5  c-0.7,0.7-1.5,1-2.5,1c-1,0-1.8-0.3-2.5-1S12.5,17,12.5,16z M23,16c0-1,0.3-1.8,1-2.5c0.7-0.7,1.5-1,2.5-1s1.8,0.3,2.5,1  c0.7,0.7,1,1.5,1,2.5s-0.3,1.8-1,2.5s-1.5,1-2.5,1s-1.8-0.3-2.5-1C23.3,17.8,23,17,23,16z";
}

.open-target-btn Region {
    -fx-pref-width: 18px;
    -fx-pref-height: 15px;
    -fx-max-width: 18px;
    -fx-max-height: 15px;
    /*-fx-shape: "M1.3,10.7V4.3c0-0.9,0.7-1.7,1.7-1.7h9.3c0.4,0,0.9,0.2,1.2,0.5l3.4,3.4c0.1,0.1,0.1,0.1,0.2,0.1h13.3  c0.9,0,1.7,0.7,1.7,1.7v2.3L1.3,10.7z M1.3,12v14.3C1.3,27.3,2.1,28,3,28h27.3c0.9,0,1.7-0.7,1.7-1.7V12H1.3z";*/
    -fx-shape: "M5,28.4c-0.7,0-1.3-0.6-1.3-1.3l2.6-14.3v0c0-0.7,0.6-1.3,1.3-1.3h21.1c0.7,0,1.3,0.6,1.3,1.3l-2.6,14.3v0  c0,0.7-0.6,1.3-1.3,1.3H5zM6.3,9.8h20.5v-2c0-0.9-0.7-1.7-1.5-1.7H13.6l-2.3-2.5H3.6C2.7,3.6,2,4.4,2,5.3v19.9l2.5-13.8  C4.6,10.5,5.3,9.8,6.3,9.8";
}

.handler-btn Region {
    -fx-shape: "M20 12L32 24L20 36V12Z";
    -fx-background-color: linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #fa00fc 0.0%, #03dbde 100.0%);
}

.handler-btn:pressed Region {
    -fx-background-color: linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #00c7fc 0.0%, #fcfc1c 100.0%);
}

/*-------操作按钮的演示---*/
.handler-btn-demo Region {
    -fx-pref-width: 18px;
    -fx-pref-height: 18px;
    -fx-shape: "M20 12L32 24L20 36V12Z";
    -fx-background-color: linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, rgba(250, 0, 252, 0.6) 0.0%, rgba(3, 219, 222, 0.6) 100.0%);
}


/*.radio-button {*/
/*    -fx-skin: "com.sun.javafx.scene.control.skin.RadioButtonSkin";*/
/*    -fx-label-padding: 0.0em 0.0em 0.0em 0.416667em; !* 0 0 0 5 *!*/
/*    -fx-text-fill: -fx-text-background-color;*/
/*}*/

/*.radio-button:focused {*/
/*    -fx-color: -fx-focused-base;*/
/*}*/

.radio-button .radio {
    -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, fgc;
    -fx-background-insets: 0 0 -1 0, 0, 1, 2;
    -fx-background-radius: 1.0em; /* large value to make sure this remains circular */
    -fx-padding: 0.333333em; /* 4 -- padding from outside edge to the inner black dot */
}


.radio-button .dot {
    /*-fx-background-radius: 0em; !* large value to make sure this remains circular *!*/
    -fx-padding: 6px; /* 3 -- radius of the inner black dot when selected */
    -fx-shape: "M27.1,16.5c3.1-1.6,4.3-5.4,2.7-8.5s-5.4-4.3-8.5-2.7c-0.6,0.3-1.1,0.7-1.6,1.1c-0.6-3.4-3.8-5.8-7.3-5.2  S6.6,4.9,7.2,8.4C7.3,9,7.5,9.6,7.8,10.2C4.3,9.6,1.1,12,0.5,15.5s1.8,6.7,5.3,7.3c0.5,0.1,1,0.1,1.5,0.1c-1,3.4,0.9,6.9,4.3,7.9  c3.4,1,6.9-0.9,7.9-4.3l0,0c2.4,2.6,6.4,2.8,9,0.4s2.8-6.4,0.4-9C28.3,17.3,27.7,16.8,27.1,16.5z M16.3,22.9c-3.6,0-6.5-2.9-6.5-6.5  s2.9-6.5,6.5-6.5s6.5,2.9,6.5,6.5c0,0,0,0,0,0C22.8,20,19.9,22.9,16.3,22.9z M16.3,12.9c-1.9,0-3.5,1.6-3.5,3.5  c0,1.9,1.6,3.5,3.5,3.5c1.9,0,3.5-1.6,3.5-3.5c0,0,0,0,0,0C19.9,14.4,18.3,12.9,16.3,12.9C16.4,12.9,16.4,12.8,16.3,12.9L16.3,12.9z";
}

.radio-button:selected .dot {
    -fx-background-color: hgc;

}

.radio-button:focused .radio {
    -fx-background-color: fgc, -fx-outer-border, fgc, fgc;
}

.image-preview-pane {
    -fx-border-color: lightgray;
    -fx-background-color: #2b2b2b;
}


.image-name-label {
    -fx-font-size: 15px;
}

.image-name-label Region {
    -fx-background-color: fgc;
    -fx-shape: "M20.3,0H0.8C0.3,0,0,0.3,0,0.8v13.5C0,14.7,0.3,15,0.8,15h19.5c0.4,0,0.8-0.3,0.8-0.8V0.8C21,0.3,20.7,0,20.3,0z M3,5.3  C3,4,4,3,5.3,3s2.3,1,2.3,2.3s-1,2.3-2.3,2.3S3,6.5,3,5.3z M12,12H5.9l3-5.3l1.7,3l3-5.2L18,12H12z";
}

.image-list {
    -fx-fixed-cell-size: 60px;
    -fx-background-color: bgc;
}

.image-list .image-cell,
.image-list:focused .image-cell {
    -fx-background-color: bgc;
}


.image-list .image-cell:empty {
    -fx-background-color: null;
}

.image-list:focused .image-cell:selected .image-name-label Region {
    -fx-background-color: fgc;
}

.image-list .image-cell:selected .image-name-label Region {
    -fx-background-color: fgc;
}


.image-detail-pane .label {
    -fx-font-size: 13px;
}

.image-list .image-cell:selected {
    -fx-background-color: hgc;
}

.image-list:focused .image-cell:selected .type-icon {
    -fx-background-color: null;
    -fx-border-color: fgc;
}

.image-list:focused .image-cell:selected .type-icon .type-shape {
    -fx-background-color: fgc;
}

.image-list .image-cell:selected .type-icon {
    -fx-background-color: null;
    -fx-border-color: fgc;
}

.image-list .image-cell:selected .type-icon .type-shape {
    -fx-background-color: fgc;
}

.type-icon {
    -fx-background-radius: 4px;
    -fx-border-radius: 4px;
    -fx-border-width: 1px;
    -fx-border-color: fgc;
}

.type-icon .type-shape {
    -fx-background-color: white;
}


.webp-icon {
    -fx-background-color: #f0a732;
}

.webp-icon .type-shape {
    -fx-shape: "M6.2,2.1l0.9,4.6L8,2.1h2.3L8.5,9.6H6.1L5.2,5.3h0L4.3,9.6H2L0.1,2.1h2.4l0.8,4.6h0l0.9-4.6L6.2,2.1zM21.4,9.6h-3.6V2.1h3.6c2,0,3.1,0.6,3,1.8c0,0.7-0.3,1.2-1,1.6c0.8,0.2,1.2,0.8,1.2,1.7C24.6,8.8,23.5,9.6,21.4,9.6z   M21,3.9h-0.8v1.2h1c0.6,0,0.8-0.2,0.8-0.6C22.1,4,21.7,3.8,21,3.9z M20.9,6.4h-0.8v1.4h1c0.7,0,1.1-0.2,1-0.7  C22.3,6.6,21.9,6.4,20.9,6.4zM27.6,9.6h-2.4V2.1h3.6c2.1,0,3.1,0.9,3.2,2.5c0,1.7-1.1,2.6-3.1,2.6h-1.2L27.6,9.6L27.6,9.6z M27.6,5.5h1  c0.6,0,1-0.3,1-0.9c0-0.5-0.4-0.8-1.3-0.8h-0.7C27.6,3.9,27.6,5.5,27.6,5.5zM17,9.6h-6.2V2.1h6.1v1.7h-3.6v1h3.1v1.7h-3.1v1.2H17L17,9.6L17,9.6z";
}

.jpg-icon {
    -fx-background-color: #3e86a0;
}

.jpg-icon .type-shape {
    -fx-shape: "M0.3,6.1h3C3.2,7.6,3.5,8.4,4.2,8.3C4.7,8.3,5,7.9,5,7.1V0.4h3.3v6.2c0,2.7-1.3,4.1-4,4.1C1.4,10.7,0.1,9.1,0.3,6.1L0.3,6.1  z M13.5,10.5h-3.3V0.4H15c2.8,0,4.3,1.2,4.4,3.4c0,2.4-1.5,3.6-4.2,3.6h-1.7L13.5,10.5z M13.5,5h1.4c0.9,0,1.3-0.4,1.3-1.2  c0-0.7-0.6-1-1.8-1h-0.9L13.5,5z M30.3,5v5.6h-2.2l-0.1-1c-0.7,0.8-1.7,1.2-3.1,1.2c-3.2-0.1-4.8-1.9-4.9-5.1  c0.2-3.5,1.9-5.3,5.3-5.5c2.7,0.1,4.3,1.3,4.9,3.8H27c-0.2-0.8-0.8-1.3-1.7-1.3c-1.3,0-1.9,1-1.9,3c0,1.8,0.8,2.8,2.2,2.8  c0.9-0.1,1.5-0.5,1.7-1.2h-1.5V5H30.3z";
}

.gif-icon {
    -fx-background-color: #ac6b78;
}

.gif-icon .type-shape {
    -fx-shape: "M13.7,5.1v5.7h-2.2l-0.1-1c-0.7,0.8-1.7,1.2-3.1,1.2c-3.2-0.1-4.9-1.9-5-5.2c0.2-3.5,2-5.4,5.4-5.6  c2.8,0.1,4.4,1.3,4.9,3.8h-3.3C10.1,3,9.5,2.6,8.6,2.6c-1.3,0-1.9,1-2,3c0,1.9,0.8,2.8,2.2,2.8c0.9-0.1,1.5-0.5,1.7-1.2H9V5  L13.7,5.1L13.7,5.1z M19.1,10.7h-3.4V0.4h3.4V10.7z M24.6,10.7h-3.4V0.4h8v2.4h-4.7v1.8h3.7v2.4h-3.7C24.6,7.1,24.6,10.7,24.6,10.7z";
}

.png-icon {
    -fx-background-color: #538642;
}

.png-icon .type-shape {
    -fx-shape: "M3.7,10.3H0.5V0.5h4.7c2.8,0,4.2,1.1,4.2,3.3c0,2.3-1.4,3.5-4.1,3.5H3.7L3.7,10.3z M3.7,5H5  c0.9,0,1.3-0.4,1.3-1.2c0-0.7-0.6-1-1.7-1H3.7V5z M13.5,0.5l3.5,5.4l-0.1-2.3V0.5h3.1v9.9H17L13.5,5l0.2,2.3v3.1h-3.1V0.5H13.5z   M31.5,4.9v5.4h-2.1l-0.1-1c-0.6,0.8-1.6,1.1-3,1.1c-3.1-0.1-4.7-1.8-4.8-5c0.2-3.4,1.9-5.2,5.1-5.3c2.6,0.1,4.2,1.3,4.7,3.6h-3.1  C28,3,27.5,2.6,26.6,2.6c-1.2,0-1.8,1-1.9,2.9c0,1.8,0.7,2.7,2.1,2.7c0.9-0.1,1.4-0.5,1.7-1.1H27V4.9L31.5,4.9z";
}

.svg-icon {
    -fx-background-color: #bc5a2b;
}

.svg-icon .type-shape {
    -fx-shape: "M9.3,3.4H6.3c0-0.3-0.2-0.5-0.5-0.6C5.6,2.7,5.3,2.6,5,2.6c-0.7,0-1.1,0.2-1.1,0.6c0,0.4,0.6,0.7,1.9,1  c2.5,0.6,3.8,1.7,3.8,3.1C9.6,9.6,8,10.7,5,10.7c-2.7-0.1-4.1-1.2-4.5-3.2h3.1c0.1,0.4,0.3,0.6,0.5,0.8c0.2,0.1,0.6,0.2,0.9,0.2  c0.9,0,1.4-0.2,1.4-0.7c0-0.4-0.6-0.7-1.9-1C2,6.1,0.7,5,0.7,3.5C0.8,1.4,2.3,0.4,5,0.3C7.6,0.3,9,1.4,9.3,3.4z M13.8,10.6l-3.4-10  h3.3l1.7,6.6l1.8-6.6h3.3l-3.5,10H13.8z M31.5,5.1v5.5h-2.1l-0.1-1c-0.6,0.8-1.7,1.1-3,1.1c-3.1-0.1-4.7-1.8-4.8-5.1  c0.2-3.4,1.9-5.2,5.2-5.4c2.7,0.1,4.3,1.3,4.8,3.7h-3.1c-0.2-0.8-0.8-1.2-1.7-1.2c-1.2,0-1.9,1-1.9,2.9c0,1.8,0.7,2.7,2.1,2.7  c0.9-0.1,1.4-0.5,1.7-1.1H27V5L31.5,5.1L31.5,5.1z";
}

.bmp-icon {
    -fx-background-color: #a167ff;
}

.bmp-icon .type-shape {
    -fx-shape: "M4.8,9.9H0V0.1h4.7c2.7,0,4,0.8,4,2.4c0,0.9-0.4,1.6-1.3,2.1C8.4,5,9,5.7,9,6.9C9,8.9,7.6,9.9,4.8,9.9z M4.3,2.4H3.2V4h1.3  c0.7,0,1.1-0.3,1.1-0.8C5.7,2.6,5.2,2.3,4.3,2.4z M4.2,5.8h-1v1.8h1.4C5.5,7.6,6,7.3,6,6.7C6,6,5.5,5.7,4.2,5.8z M13.3,9.9h-2.9V0.1  h3.9L16,6.2l1.7-6.1h3.9v9.7h-2.8v-3l0.1-1.5l0.2-1.7h-0.1l-1.7,6.3h-2.2l-1.8-6.3L13.2,5l0.1,1.5C13.3,6.6,13.3,9.9,13.3,9.9z   M26.3,9.9h-3.2V0.1h4.7c2.7,0,4.1,1.1,4.2,3.3c0,2.3-1.4,3.4-4.1,3.4h-1.6L26.3,9.9L26.3,9.9z M26.3,4.6h1.3c0.8,0,1.3-0.4,1.3-1.2  c0-0.7-0.6-1-1.7-1h-0.9C26.3,2.4,26.3,4.6,26.3,4.6z";
}

.jpeg-icon {
    -fx-background-color: #3fb9d2;
}

.jpeg-icon .type-shape {
    -fx-shape: "M0,5.1h2.4C2.3,6.3,2.6,6.9,3.1,6.8c0.4,0,0.7-0.4,0.7-1V0.5h2.6v5c0,2.2-1.1,3.3-3.2,3.3C0.9,8.7-0.2,7.5,0,5.1z M10.5,8.6  H7.9V0.5h3.9c2.3,0,3.4,0.9,3.5,2.7c0,1.9-1.2,2.8-3.4,2.8h-1.3L10.5,8.6L10.5,8.6z M10.5,4.2h1.1c0.7,0,1.1-0.3,1.1-1  c0-0.5-0.5-0.8-1.4-0.8h-0.7V4.2z M22.9,8.6h-6.8V0.5h6.6v1.9h-4v1.1h3.4v1.9h-3.4v1.3h4.1V8.6z M32,4.1v4.4h-1.7l-0.1-0.8  c-0.5,0.6-1.4,0.9-2.5,0.9c-2.5-0.1-3.8-1.5-3.9-4.1c0.2-2.8,1.6-4.2,4.2-4.4c2.2,0.1,3.5,1.1,3.9,3h-2.5c-0.2-0.7-0.6-1-1.4-1  c-1,0-1.5,0.8-1.5,2.4c0,1.5,0.6,2.2,1.7,2.2c0.7-0.1,1.2-0.4,1.4-0.9h-1.2V4.1L32,4.1L32,4.1z";
}

.image-size-label,
.image-len-label {
    -fx-text-fill: fgc;
}

.image-size-label Region {
    -fx-shape: "M11.8,0.5v1.3h2.5v2.5h1.3V1.8V0.5H11.8zM14.3,14.3h-2.5v1.3h3.8v-1.3v-2.5h-1.3V14.3zM1.8,11.8H0.5v2.5v1.3h3.8v-1.3H1.8V11.8zM1.8,1.8h2.5V0.5H0.5v1.3v2.5h1.3V1.8z";
    -fx-background-color: fgc;
}

.image-len-label Region {
    -fx-shape: "M15.3,3.6l-3.1-3.1H1.3c-0.5,0-0.8,0.3-0.8,0.8v13.3c0,0.5,0.3,0.8,0.8,0.8h13.3c0.5,0,0.8-0.3,0.8-0.8V4.2  C15.5,3.9,15.4,3.8,15.3,3.6z M10.5,13.8h-5v-3.3h5V13.8z M13.8,13.8h-1.7v-5H3.8v5H2.2V2.2h9.3l2.3,2.3V13.8z";
    -fx-background-color: fgc;
}

.image-list:focused .image-cell:selected .image-size-label,
.image-list:focused .image-cell:selected .image-len-label {
    -fx-text-fill: fgc;
}

.image-list:focused .image-cell:selected .image-size-label Region,
.image-list:focused .image-cell:selected .image-len-label Region {
    -fx-background-color: fgc;
}

.image-list .image-cell:selected .image-size-label,
.image-list .image-cell:selected .image-len-label {
    -fx-text-fill: fgc;
}

.image-list .image-cell:selected .image-size-label Region,
.image-list .image-cell:selected .image-len-label Region {
    -fx-background-color: fgc;
}

.format-region {
    -fx-shape: "M9.7,2.2c1.6,0.2,2.9,1.1,3.2,2.8H12l1.5,2.3L15,5h-1C13.7,2.7,12,1.2,9.8,1C9.5,1,9.2,1.3,9.2,1.6C9.2,1.9,9.4,2.1,9.7,2.2  zM6.3,13.8c-1.8-0.2-3.2-1.4-3.3-3.4h1L2.5,8.2L1,10.4h1c0,2.6,1.9,4.3,4.2,4.5c0.3,0,0.6-0.2,0.6-0.6  C6.8,14.1,6.6,13.9,6.3,13.8zM1.9,7.2v-6h6v6H1.9z M7.2,1.8H2.5v4.7h4.7C7.2,6.6,7.2,1.8,7.2,1.8zM8.8,14.6v-6h6v6H8.8z M14.2,9.3H9.5V14h4.7C14.2,14,14.2,9.3,14.2,9.3z";
    -fx-background-color: fgc;
}

.appicon-region {
    -fx-shape: "M31.4,9.6l-6.8,6.8c-0.6,0.6-1.6,0.6-2.3,0l-6.8-6.8c-0.6-0.6-0.6-1.6,0-2.3l6.8-6.8c0.6-0.6,1.6-0.6,2.3,0l6.8,6.8  C32.1,7.9,32.1,8.9,31.4,9.6z M23.5,1.7l-6.7,6.7l6.7,6.7l6.7-6.7L23.5,1.7z M11.5,32H1.7c-1,0-1.8-0.8-1.8-1.8v-9.8  c0-1,0.8-1.8,1.8-1.8h9.8c1,0,1.8,0.8,1.8,1.8v9.8C13.2,31.2,12.5,32,11.5,32z M11.5,20.4H1.7v9.8h9.8V20.4z M11.5,16H1.7  c-1,0-1.8-0.8-1.8-1.8V4.5c0-1,0.8-1.8,1.8-1.8h9.8c1,0,1.8,0.8,1.8,1.8v9.8C13.2,15.2,12.5,16,11.5,16z M11.5,4.5H1.7v9.8h9.8V4.5z   M17.7,18.7h9.8c1,0,1.8,0.8,1.8,1.8v9.8c0,1-0.8,1.8-1.8,1.8h-9.8c-1,0-1.8-0.8-1.8-1.8v-9.8C15.9,19.5,16.7,18.7,17.7,18.7z   M17.7,30.2h9.8v-9.8h-9.8V30.2z";
    -fx-background-color: fgc;
}

.enter-region {
    -fx-shape: "M12.3,7.4L4.8,0.7C4.5,0.4,3.9,0.4,3.6,0.8C3.3,1.1,3.3,1.7,3.7,2l6.8,6l-6.8,6c-0.3,0.3-0.4,0.8-0.1,1.2  c0.2,0.2,0.4,0.3,0.6,0.3c0.2,0,0.4-0.1,0.5-0.2l7.5-6.7c0.2-0.2,0.3-0.4,0.3-0.6C12.6,7.8,12.5,7.5,12.3,7.4z";
    -fx-background-color: fgc;
}

.cutter-region {
    -fx-shape: "M16.8,17H0.5V4.4h16.3L16.8,17L16.8,17z M1.5,16.1h14.4V5.4H1.5C1.5,5.4,1.5,16.1,1.5,16.1zM15.6,16.5l-5.2-6.7l-8.8,6.5l-0.5-0.8l9.5-7l5.8,7.4L15.6,16.5zM3.3,8.4c0,0.7,0.6,1.3,1.3,1.3s1.3-0.6,1.3-1.3S5.3,7.1,4.6,7.1S3.3,7.7,3.3,8.4zM18.4,2.9h1v7.8h-1V2.9zM7.6,2.9v-1h11.8v1H7.6z";
    -fx-background-color: fgc;
}

.stitch-region {
    -fx-shape: "M4.7,8.4H1.1V7.6h3.6L2.6,5.5l0.6-0.6l2.5,2.5L6.2,8L5.7,8.6l-2.5,2.5l-0.6-0.6L4.7,8.4z M2.5,2.4h4.2v11.3H2.5v0.8h4.9V1.6  H2.5V2.4z M11.3,7.6l2.1-2.2l-0.6-0.6l-2.5,2.5L9.8,8l0.6,0.6l2.5,2.5l0.6-0.6l-2.2-2.1h3.6V7.6C14.9,7.6,11.3,7.6,11.3,7.6z   M9.3,2.4h4.2V1.6H8.5v12.8h4.9v-0.8H9.3V2.4z";
    -fx-background-color: fgc;
}

.gif-decoder-region {
    -fx-shape: "M9.7,5.3l2-5.3c1.1,0.4,1.6,1.5,1.2,2.6l-2.1,5.5c0,0.1-0.2,0.2-0.3,0.1c-0.1,0-0.1-0.1-0.1-0.1L9.7,6  C9.6,5.8,9.6,5.5,9.7,5.3z M7.9,10L5.1,2.6C4.7,1.5,5.3,0.4,6.4,0l4.5,12c0.4-0.4,0.8-0.6,1.3-0.8c1.9-0.7,3.9,0.3,4.6,2.1  c0.7,1.8-0.3,3.8-2.1,4.5s-3.9-0.3-4.6-2.1l-1-2.8l-1,2.8c-0.7,1.8-2.7,2.7-4.6,2.1s-2.8-2.7-2.1-4.5s2.7-2.7,4.6-2.1  c0.5,0.2,1,0.5,1.3,0.8C7.1,12,7.9,10,7.9,10z M4.1,15.9c0.8,0.3,1.7-0.1,2-0.9c0.3-0.8-0.1-1.6-0.9-1.9c-0.8-0.3-1.7,0.1-2,0.9  C2.9,14.8,3.3,15.6,4.1,15.9L4.1,15.9z M13.9,15.9c0.8-0.3,1.2-1.1,0.9-1.9c-0.3-0.8-1.2-1.2-2-0.9c-0.8,0.3-1.2,1.1-0.9,1.9  C12.3,15.8,13.1,16.2,13.9,15.9z";
    -fx-background-color: fgc;
}

.gif-encoder-region {
    -fx-shape: "M14.3,4l-4-3.8C10.2,0.1,10.1,0,9.9,0H2.1C1.8,0,1.5,0.3,1.5,0.6v14.9c0,0.3,0.3,0.6,0.6,0.6h11.8c0.3,0,0.6-0.3,0.6-0.6  v-11C14.5,4.3,14.4,4.1,14.3,4z M13.1,4.7H9.7V1.3L13.1,4.7z M13.2,14.7H2.8V1.3h5.6v3.9c0,0.4,0.3,0.8,0.8,0.8h4V14.7zM7.1,10.7c0,1.2-0.7,1.9-2,1.9c-1.3,0-2.1-0.9-2.1-2.3c0-1.4,0.8-2.3,2.1-2.3c1.1,0,1.8,0.6,2,1.5H6C5.9,9.2,5.5,9,5.1,9  c-0.6,0-1,0.5-1,1.3c0,0.9,0.4,1.4,1,1.4C5.7,11.7,6,11.4,6,11l0-0.1H5.2v-0.8h1.9V10.7L7.1,10.7zM9,12.5H7.9V8.2H9L9,12.5L9,12.5zM11.2,12.5h-1.1V8.2H13v0.9h-1.8v1h1.7v0.8h-1.7L11.2,12.5L11.2,12.5z";
    -fx-background-color: fgc;
}

/*#imagePage {*/
/*    -fx-border-width: 0 0 0 1;*/
/*    -fx-border-color: gray;*/
/*}*/

.image-tools-btn {
    -fx-background-color: #3c3f41;
    -fx-background-radius: 0px;
    -fx-cursor: hand;
}

.image-tools-btn:hover {
    -fx-background-color: #4C5052;
}

.image-tools-desc {
    -fx-background-color: linear-gradient(from 0.0% 0.0% to 100.0% 100.0%, #24d1f0bf 0.0%, #d693fad4 50.0%, #ff7a85de 100.0%);
}

.imageToolsCarousel {
    -fx-border-width: 0;
}

.back-btn {
    -fx-background-radius: 0px;
}

.back-btn Region {
    -fx-max-width: 16px;
    -fx-max-height: 11px;
    /*-fx-shape: "M2.6,8.6l3.8,3.8c0.2,0.2,0.2,0.6,0,0.9s-0.6,0.2-0.9,0l0,0L0.7,8.5c-0.3-0.3-0.3-0.7,0-1l4.8-4.8c0.2-0.2,0.6-0.2,0.9,0  c0.2,0.2,0.2,0.6,0,0.9l0,0L2.6,7.4h12.3c0.3,0,0.6,0.3,0.6,0.6c0,0.3-0.3,0.6-0.6,0.6L2.6,8.6L2.6,8.6z";*/
    -fx-shape: "M14.2,1L1.1,14.1c-1,1-1,2.7,0,3.7L14.2,31c1,1,2.7,1,3.7,0c1-1,1-2.7,0-3.7l-8.6-8.6h30.4c1.4,0,2.6-1.2,2.6-2.6  s-1.2-2.6-2.6-2.6H9.3l8.6-8.6c0.5-0.5,0.8-1.2,0.8-1.9c0-0.7-0.3-1.3-0.8-1.9C16.9,0,15.2,0,14.2,1L14.2,1z";
    /*-fx-background-color: #ff6666;*/
}

/*-------返回按钮的操作提示------*/
.back-btn-demo Region {
    -fx-pref-width: 22px;
    -fx-pref-height: 15px;
    -fx-shape: "M14.2,1L1.1,14.1c-1,1-1,2.7,0,3.7L14.2,31c1,1,2.7,1,3.7,0c1-1,1-2.7,0-3.7l-8.6-8.6h30.4c1.4,0,2.6-1.2,2.6-2.6  s-1.2-2.6-2.6-2.6H9.3l8.6-8.6c0.5-0.5,0.8-1.2,0.8-1.9c0-0.7-0.3-1.3-0.8-1.9C16.9,0,15.2,0,14.2,1L14.2,1z";
    -fx-background-color: fgc;
}

.btn-demo {
    -fx-text-fill: fgc;
}

.btn-demo .wrapper {
    -fx-padding: 8px;
    /*-fx-background-color: #E8E8E8;*/
}


.add-image-btn Region {
    -fx-shape: "M15.7,16V0.3H16V16H15.7L15.7,16L15.7,16z M0,0h16v0.3H0V0L0,0L0,0z M0,0.3h0.3V16H0V0.3L0,0.3L0,0.3z M7.3,3.6h1.3v3.7h3.7  v1.3H8.7v3.7l-1.3,0V8.7H3.6V7.3h3.7V3.6L7.3,3.6L7.3,3.6z M0.3,15.7h15.4V16H0.3V15.7L0.3,15.7L0.3,15.7z";
    -fx-background-color: #58be66;
}

/*-------添加图片的演示提示-----*/
.add-image-btn-demo Region {
    -fx-pref-width: 22px;
    -fx-pref-height: 22px;
    -fx-shape: "M15.7,16V0.3H16V16H15.7L15.7,16L15.7,16z M0,0h16v0.3H0V0L0,0L0,0z M0,0.3h0.3V16H0V0.3L0,0.3L0,0.3z M7.3,3.6h1.3v3.7h3.7  v1.3H8.7v3.7l-1.3,0V8.7H3.6V7.3h3.7V3.6L7.3,3.6L7.3,3.6z M0.3,15.7h15.4V16H0.3V15.7L0.3,15.7L0.3,15.7z";
    -fx-background-color: #58be66;
}

/*---支持拖入的演示提示----*/
.drag-image-btn-demo Region {
    -fx-pref-width: 22px;
    -fx-pref-height: 22px;
    -fx-shape: "M0.2,30.6c-0.3-1.9-0.3-3.9,0.1-5.8c0.6-3.2,1.9-5.9,3.7-8.2c2.2-2.9,5-5,8-6.6c2.9-1.5,5.9-2.4,9-2.9  c0.6-0.1,1.2-0.2,1.8-0.2V0c3.1,3.8,6.2,7.5,9.3,11.1c-3.1,3.7-6.2,7.4-9.3,11.1v-6.9c-0.3,0-0.5,0.1-0.8,0.1  c-1.9,0.2-3.8,0.6-5.6,1.2c-3.9,1.3-7.5,3.3-10.6,6.4c-1.8,1.8-3.2,3.8-4.2,6.3c-0.3,0.8-0.6,1.7-1,2.6C0.4,31.5,0.3,31,0.2,30.6z";
    -fx-background-color: fgc;
}

.masker-pane .masker-center {
    -fx-background-color: rgba(0, 0, 0, 0.8);
}

.masker-pane .progress-indicator {
    -fx-min-width: 60px;
    -fx-min-height: 60px;
}

.masker-pane .progress-indicator .percentage {
    -fx-fill: fgc;
}

.android-box {
    -fx-font-size: 13px;
}

.android-box Region {
    -fx-shape: "M20.1,2.8l1.7-2.4c0.1-0.1,0-0.2-0.1-0.3l0,0c-0.1-0.1-0.2,0-0.3,0.1l-1.7,2.5c-1.1-0.5-2.4-0.8-3.7-0.8  c-1.3,0-2.4,0.2-3.5,0.7l-1.6-2.4C10.7,0,10.6,0,10.5,0.1l0,0c-0.1,0.1-0.1,0.2-0.1,0.3L12,2.7C9.5,3.9,7.7,6.2,7.3,8.9h17.3  C24.2,6.3,22.5,4,20.1,2.8z M12.3,6.3c-0.5,0-0.9-0.4-0.9-0.9s0.4-0.9,0.9-0.9c0.5,0,0.9,0.4,0.9,0.9S12.8,6.3,12.3,6.3z M19.7,6.3  c-0.5,0-0.9-0.4-0.9-0.9s0.4-0.9,0.9-0.9c0.5,0,0.9,0.4,0.9,0.9S20.2,6.3,19.7,6.3zM6.1,12.4v7.1c0,1.2-0.8,2.2-1.7,2.2H4c-0.9,0-1.7-1-1.7-2.2v-7.1c0-1.2,0.8-2.2,1.7-2.2h0.4C5.3,10.1,6.1,11.1,6.1,12.4zM29.7,12.4v7.1c0,1.2-0.8,2.2-1.7,2.2h-0.4c-0.9,0-1.7-1-1.7-2.2v-7.1c0-1.2,0.8-2.2,1.7-2.2H28  C28.9,10.2,29.7,11.2,29.7,12.4zM24.7,10v14c0,1-0.8,1.8-1.8,1.8h-1.4v4c0,1.2-0.8,2.2-1.7,2.2h-0.4c-0.9,0-1.7-1-1.7-2.2v-4h-3.2v4c0,1.2-0.8,2.2-1.7,2.2  h-0.4c-0.9,0-1.7-1-1.7-2.2v-4H9.1c-1,0-1.8-0.8-1.8-1.8V10H24.7z";
    -fx-background-color: #68b645;
}

.ios-box Region {
    -fx-shape: "M25.3,17.2c0-4,3.5-5.9,3.7-6c-2-2.7-5.1-3.1-6.2-3.1c-2.6-0.2-5.2,1.5-6.5,1.5c-1.3,0-3.4-1.4-5.6-1.4c-2.9,0-5.5,1.6-7,4  c-3,4.8-0.8,12,2.2,15.9c1.4,1.9,3.1,4.1,5.4,4c2.1-0.1,3-1.3,5.6-1.3c2.6,0,3.3,1.3,5.6,1.3c2.3,0,3.8-2,5.2-3.9  c1.6-2.2,2.3-4.4,2.4-4.5C29.8,23.6,25.3,22,25.3,17.2z M21.9,5.5C23.2,4.1,24,2,23.8,0c-1.9,0.1-4.1,1.2-5.4,2.6  c-1.2,1.3-2.2,3.4-2,5.4C18.5,8.1,20.6,7,21.9,5.5L21.9,5.5z";
    -fx-background-color: fgc;
}

.javafx-box Region {
    -fx-shape: "M0.5,31h29.9v-3.3H0.5 M28.2,9.4h-3.3v-5h3.3 M28.2,1H1.6v16.6c0,3.7,3,6.6,6.6,6.6l0,0h10c3.7,0,6.6-3,6.6-6.6  l0,0v-5h3.3c1.8,0,3.3-1.5,3.3-3.3v-5C31.5,2.5,30,1,28.2,1z";
    -fx-background-color: #c75450;
}

.move-up-btn Region {
    -fx-shape: "M0,24L16,8l16,16H0z";
}

.move-down-btn Region {
    -fx-shape: "M0,8l16,16L32,8L0,8z";
}

.move-up-btn:disabled,
.move-down-btn:disabled,
.sort-btn:disabled,
.sort-btn-flip:disabled,
.delete-btn:disabled {
    -fx-opacity: 0.35;
}

.sort-btn Region {
    -fx-shape: "M4,2h2v8H4V2zM5,14l4-4H1L5,14zM11.1,7c-0.9,0-1.7-0.5-1.7-1.4v0c0-1.1,0.8-1.5,2-1.5c0.5,0,0.9,0,1.3,0.2V4.1c0-0.6-0.4-0.9-1.1-0.9  c-0.5,0-0.9,0.1-1.4,0.3L9.8,2.3C10.4,2.1,10.9,2,11.8,2c0.8,0,1.3,0.1,1.7,0.5C13.8,2.9,14,3.4,14,4.1V7h-1.4V6.5  C12.3,6.8,11.8,7,11.1,7z M11.5,6.1c0.7,0,1.1-0.4,1.1-0.9V5c-0.2-0.1-0.6-0.2-0.9-0.2c-0.6,0-1,0.2-1,0.7v0  C10.8,5.9,11.1,6.1,11.5,6.1zM9.6,14v-1l2.6-2.9H9.7V9H14v1l-2.6,2.9H14V14H9.6z";
}

.sort-btn-flip Region {
    -fx-shape: "M6,14H4V6h2V14zM5,2L1,6h8L5,2zM11.1,7c-0.9,0-1.7-0.5-1.7-1.4l0,0c0-1.1,0.8-1.5,2-1.5c0.5,0,0.9,0,1.3,0.2V4.1c0-0.6-0.4-0.9-1.1-0.9  c-0.5,0-0.9,0.1-1.4,0.3L9.8,2.3c0.6-0.2,1.1-0.3,2-0.3c0.8,0,1.3,0.1,1.7,0.5C13.8,2.9,14,3.4,14,4.1V7h-1.4V6.5  C12.3,6.8,11.8,7,11.1,7z M11.5,6.1c0.7,0,1.1-0.4,1.1-0.9V5c-0.2-0.1-0.6-0.2-0.9-0.2c-0.6,0-1,0.2-1,0.7l0,0  C10.8,5.9,11.1,6.1,11.5,6.1zM9.6,14v-1l2.6-2.9H9.7V9H14v1l-2.6,2.9H14V14H9.6z";
}

.width-label Region {
    -fx-background-color: black;
    -fx-shape: "M26.1,5.8v20.5c0,0.1,0.1,0.3,0.3,0.3h1.9c0.1,0,0.3-0.1,0.3-0.3V5.8c0-0.1-0.1-0.3-0.3-0.3h-1.9  C26.2,5.5,26.1,5.6,26.1,5.8z M3.5,5.8v20.5c0,0.1,0.1,0.3,0.3,0.3h1.9c0.1,0,0.3-0.1,0.3-0.3V5.8c0-0.1-0.1-0.3-0.3-0.3H3.8  C3.6,5.5,3.5,5.6,3.5,5.8z M11.8,12.9c0-0.2-0.2-0.3-0.4-0.2l-4,3.1c-0.1,0.1-0.1,0.3,0,0.4l4,3.2c0.1,0.1,0.4,0,0.4-0.2v-2.1h8.4v2  c0,0.2,0.2,0.3,0.4,0.2l4-3.1c0.1-0.1,0.1-0.3,0-0.4l-4-3.1c-0.1-0.1-0.4,0-0.4,0.2v2.1h-8.4V12.9z";
}

.row-label Region {
    /*-fx-rotate: 90;*/
    /*-fx-shape: "M25,31V1h2.1v30L25,31z M4.9,31V1H7v30L4.9,31z M13.8,26.5c-1.2,0-2.3-1-2.3-2.3V7.8c0-1.2,1-2.3,2.2-2.3c0,0,0,0,0,0h4.5  c1.2,0,2.3,1,2.3,2.2c0,0,0,0,0,0v16.5c0,1.2-1,2.3-2.3,2.3H13.8z";*/
    -fx-shape: "M18.3,4.6H64v9.1H18.3V4.6z M0,4.6h9.1v9.1H0V4.6z M0,27.4h9.1v9.1H0V27.4z M0,50.3h9.1v9.1H0V50.3z M18.3,50.3  H64v9.1H18.3V50.3z M18.3,27.4H64v9.1H18.3V27.4z";
    -fx-background-color: black;
}

.col-label Region {
    /*-fx-shape: "M25,31V1h2.1v30L25,31z M4.9,31V1H7v30L4.9,31z M13.8,26.5c-1.2,0-2.3-1-2.3-2.3V7.8c0-1.2,1-2.3,2.2-2.3c0,0,0,0,0,0h4.5  c1.2,0,2.3,1,2.3,2.2c0,0,0,0,0,0v16.5c0,1.2-1,2.3-2.3,2.3H13.8z";*/
    -fx-shape: "M18.3,4.6H64v9.1H18.3V4.6z M0,4.6h9.1v9.1H0V4.6z M0,27.4h9.1v9.1H0V27.4z M0,50.3h9.1v9.1H0V50.3z M18.3,50.3  H64v9.1H18.3V50.3z M18.3,27.4H64v9.1H18.3V27.4z";
    -fx-rotate: 90;
    -fx-background-color: black;
}

.vgap-label Region {
    -fx-shape: "M29.4,14.5H2.6c-0.2,0-0.3,0.1-0.3,0.3v2.3c0,0.2,0.1,0.3,0.3,0.3h26.8c0.2,0,0.3-0.1,0.3-0.3v-2.3  C29.7,14.7,29.6,14.5,29.4,14.5zM15.8,11.7c0.1,0.1,0.3,0.1,0.4,0l3.9-4.9c0.1-0.2,0-0.5-0.2-0.5h-2.4v-6c0-0.2-0.1-0.3-0.3-0.3h-2.3  c-0.2,0-0.3,0.1-0.3,0.3v6h-2.4c-0.2,0-0.4,0.3-0.2,0.5C11.9,6.8,15.8,11.7,15.8,11.7zM16.2,20.3c-0.1-0.1-0.3-0.1-0.4,0l-3.9,4.9c-0.1,0.2,0,0.5,0.2,0.5h2.4v6c0,0.2,0.1,0.3,0.3,0.3h2.3c0.2,0,0.3-0.1,0.3-0.3  v-6h2.4c0.2,0,0.4-0.3,0.2-0.5C20.1,25.2,16.2,20.3,16.2,20.3z";
    -fx-background-color: black;
}

.hgap-label Region {
    -fx-shape: "M29.4,14.5H2.6c-0.2,0-0.3,0.1-0.3,0.3v2.3c0,0.2,0.1,0.3,0.3,0.3h26.8c0.2,0,0.3-0.1,0.3-0.3v-2.3  C29.7,14.7,29.6,14.5,29.4,14.5zM15.8,11.7c0.1,0.1,0.3,0.1,0.4,0l3.9-4.9c0.1-0.2,0-0.5-0.2-0.5h-2.4v-6c0-0.2-0.1-0.3-0.3-0.3h-2.3  c-0.2,0-0.3,0.1-0.3,0.3v6h-2.4c-0.2,0-0.4,0.3-0.2,0.5C11.9,6.8,15.8,11.7,15.8,11.7zM16.2,20.3c-0.1-0.1-0.3-0.1-0.4,0l-3.9,4.9c-0.1,0.2,0,0.5,0.2,0.5h2.4v6c0,0.2,0.1,0.3,0.3,0.3h2.3c0.2,0,0.3-0.1,0.3-0.3  v-6h2.4c0.2,0,0.4-0.3,0.2-0.5C20.1,25.2,16.2,20.3,16.2,20.3z";
    -fx-rotate: 90;
    -fx-background-color: black;
}

.gap-label Region {
    -fx-shape: "M30,9.1H8v-4h22V9.1zM30,27.1H8v-4h22V27.1zM12,5.1l0,22l-4,0l0-22L12,5.1zM30,5.1l0,22l-4,0l0-22L30,5.1zM58,9.1H36v-4h22V9.1zM58,27.1H36v-4h22V27.1zM40,5.1l0,22l-4,0l0-22L40,5.1zM58,5.1l0,22l-4,0l0-22L58,5.1zM30,40.9H8v-4h22V40.9zM30,58.9H8v-4h22V58.9zM12,36.9l0,22H8l0-22H12zM30,36.9l0,22h-4l0-22H30zM58,40.9H36v-4h22V40.9zM58,58.9H36v-4h22V58.9zM40,36.9l0,22h-4l0-22H40zM58,36.9l0,22h-4l0-22H58z";
    -fx-background-color: black;
}

.scale-label Region {
    -fx-shape: "M28.8,32H3.2C1.4,32,0,30.6,0,28.8V3.2C0,1.4,1.4,0,3.2,0h25.6C30.6,0,32,1.4,32,3.2v25.6  C32,30.6,30.6,32,28.8,32z M29.6,3.2c0-0.4-0.4-0.8-0.8-0.8H3.2c-0.4,0-0.8,0.4-0.8,0.8v25.6c0,0.4,0.4,0.8,0.8,0.8h25.6  c0.4,0,0.8-0.4,0.8-0.8C29.6,28.8,29.6,3.2,29.6,3.2zM25.2,20.8h-4.4v4.4c0,0.7-0.5,1.2-1.2,1.2s-1.2-0.5-1.2-1.2v-5.6c0-0.7,0.5-1.2,1.2-1.2h5.6  c0.7,0,1.2,0.5,1.2,1.2S25.9,20.8,25.2,20.8z M12.4,13.6H6.8c-0.7,0-1.2-0.5-1.2-1.2c0-0.7,0.5-1.2,1.2-1.2h4.4V6.8  c0-0.7,0.5-1.2,1.2-1.2c0.7,0,1.2,0.5,1.2,1.2v5.6C13.6,13.1,13.1,13.6,12.4,13.6z";
    -fx-background-color: black;
}

.align-label Region {
    -fx-shape: "M3,4h26v3H3V4z M3,18h26v3H3V18z M3,11h26v3H3V11z M3,25h26v3H3V25z";
    -fx-background-color: black;
}

.amount-label Region {
    -fx-shape: "M16,17.6c-0.2,0-0.3,0-0.4-0.1L0.6,10.7c-0.5-0.2-0.8-0.9-0.5-1.4C0.2,9,0.4,8.8,0.6,8.7l14.9-6.9c0.3-0.1,0.6-0.1,0.9,0  l14.9,6.9c0.5,0.2,0.8,0.9,0.5,1.4c-0.1,0.2-0.3,0.4-0.5,0.5l-14.9,6.9C16.3,17.6,16.2,17.6,16,17.6z M3.6,9.7L16,15.4l12.4-5.7  L16,4L3.6,9.7z M30.4,21.4L16,28L1.6,21.4v2.3l14,6.4c0.3,0.1,0.6,0.1,0.9,0l14-6.4V21.4zM30.4,15.1L16,21.7L1.6,15.1v2.3l14,6.4c0.3,0.1,0.6,0.1,0.9,0l14-6.4V15.1z";
    -fx-background-color: black;
}

.margins-label Region {
    -fx-shape: "M3.7,62.5V0h56.6v62.5H3.7z M57.3,3H6.7v56.6h50.6C57.3,59.5,57.3,3,57.3,3zM57.3,11.9H6.7v-3h50.6V11.9zM15.6,59.5h-3.2V3h3.2V59.5zM51.6,59.5h-3.2V3h3.2V59.5zM57.3,53.6H6.7v-3h50.6V53.6z";
    -fx-background-color: black;
}

.result-size-label Region {
    -fx-shape: "M11.8,0.5v1.3h2.5v2.5h1.3V1.8V0.5H11.8zM14.3,14.3h-2.5v1.3h3.8v-1.3v-2.5h-1.3V14.3zM1.8,11.8H0.5v2.5v1.3h3.8v-1.3H1.8V11.8zM1.8,1.8h2.5V0.5H0.5v1.3v2.5h1.3V1.8z";
    -fx-background-color: black;
}

.gif-path-label Region {
    -fx-shape: "M30.6,11.9C30.6,11.9,30.6,11.9,30.6,11.9C30.6,11.8,30.6,11.8,30.6,11.9C30.6,11.8,30.6,11.8,30.6,11.9c0-0.2,0-0.2,0-0.3  c0-0.1,0-0.1-0.1-0.2v0c0,0,0-0.1,0-0.1v0c0,0,0-0.1,0-0.1c0,0,0,0,0,0c0,0,0,0,0-0.1c0,0,0,0,0,0c0,0,0,0-0.1-0.1c0,0,0,0,0,0  c0,0,0,0-0.1-0.1l0,0l-8.5-8.5c0,0,0,0-0.1-0.1c0,0,0,0,0,0c0,0,0,0-0.1-0.1c0,0,0,0,0,0c0,0,0,0-0.1,0c0,0,0,0,0,0c0,0,0,0-0.1,0  c0,0-0.1,0-0.1,0h0c-0.1,0-0.1,0-0.2-0.1c-0.1,0-0.1,0-0.2,0c0,0,0,0,0,0c0,0-0.1,0-0.1,0H5.6c-0.7,0-1.2,0.6-1.2,1.2v28.1  c0,0.7,0.6,1.2,1.2,1.2h23.8c0.7,0,1.2-0.6,1.2-1.2V11.9C30.6,11.9,30.6,11.9,30.6,11.9z M22.1,6.4l4.3,4.3h-4.3V6.4z M6.8,30.3V4.6  h12.8v7.3c0,0.7,0.6,1.2,1.2,1.2h7.3v17.2L6.8,30.3L6.8,30.3z";
    -fx-background-color: black;
}

.gif-len-label Region {
    -fx-shape: "M15.3,3.6l-3.1-3.1H1.3c-0.5,0-0.8,0.3-0.8,0.8v13.3c0,0.5,0.3,0.8,0.8,0.8h13.3c0.5,0,0.8-0.3,0.8-0.8V4.2  C15.5,3.9,15.4,3.8,15.3,3.6z M10.5,13.8h-5v-3.3h5V13.8z M13.8,13.8h-1.7v-5H3.8v5H2.2V2.2h9.3l2.3,2.3V13.8z";
    -fx-background-color: black;
}

.gif-out-pane {
    -fx-border-color: lightgray;
}

.gif-pre-label Region {
    -fx-shape: "M5.7,2.6v26.8c0,0.2,0.1,0.3,0.3,0.3h2.3c0.2,0,0.3-0.1,0.3-0.3V2.6c0-0.2-0.1-0.3-0.3-0.3H6C5.9,2.3,5.7,2.4,5.7,2.6zM13.5,15.8c-0.1,0.1-0.1,0.3,0,0.4l4.9,3.9c0.2,0.1,0.5,0,0.5-0.2v-2.4h6c0.2,0,0.3-0.1,0.3-0.3v-2.3c0-0.2-0.1-0.3-0.3-0.3  h-6v-2.4c0-0.2-0.3-0.4-0.5-0.2C18.4,11.9,13.5,15.8,13.5,15.8z";
    -fx-background-color: black;
}

.gif-suf-label Region {
    -fx-shape: "M5.7,2.6v26.8c0,0.2,0.1,0.3,0.3,0.3h2.3c0.2,0,0.3-0.1,0.3-0.3V2.6c0-0.2-0.1-0.3-0.3-0.3H6C5.9,2.3,5.7,2.4,5.7,2.6zM13.5,15.8c-0.1,0.1-0.1,0.3,0,0.4l4.9,3.9c0.2,0.1,0.5,0,0.5-0.2v-2.4h6c0.2,0,0.3-0.1,0.3-0.3v-2.3c0-0.2-0.1-0.3-0.3-0.3  h-6v-2.4c0-0.2-0.3-0.4-0.5-0.2C18.4,11.9,13.5,15.8,13.5,15.8z";
    -fx-rotate: 180;
    -fx-background-color: black;
}

.image-tools-box {
    -fx-border-color: gray;
    -fx-border-width: 0 0 0 1px;
    -fx-border-insets: 0 0 0 4px;
}


.gray-bg-label {
    -fx-padding: 2px 8px 2px 8px;
    -fx-background-radius: 26px;
    -fx-background-color: rgba(43, 43, 43, 0.51);
    -fx-text-fill: fgc;
    -fx-font-size: 12px;
}

.small-font {
    -fx-font-size: 12px;
}

.url-label {
    -fx-cursor: hand;
    -fx-text-fill: #43a5e7;
}

.url-label:hover {
    -fx-text-fill: #0b6ba1;
}

.desc-label {
    -fx-text-fill: #888787;
}


.rx-carousel .nav-pane .nav-bar .nav-button {
    -fx-background-color: rgba(218, 218, 218, 0.75);
    -fx-cursor: hand;
    -fx-pref-height: 5;
    -fx-min-height: 5;
    -fx-background-radius: 0px;
}

.rx-carousel .nav-pane .nav-bar .nav-button:hover {
    -fx-background-color: rgb(137, 236, 169);
}

.rx-carousel .nav-pane .nav-bar .nav-button:selected {
    -fx-background-color: rgba(52, 218, 107, 0.87);
    /*-fx-translate-y: 0.3;*/
}

.screenshot-btn Region {
    -fx-pref-width: 18px;
    -fx-pref-height: 18px;
    -fx-shape: "M9.6,1.6C9.6,0.7,8.9,0,8,0C7.1,0,6.4,0.7,6.4,1.6v3.2H1.6C0.7,4.8,0,5.5,0,6.4S0.7,8,1.6,8H24v14.4h3.2v-16  c0-0.9-0.7-1.6-1.6-1.6h-16V1.6z M6.4,9.6v16c0,0.9,0.7,1.6,1.6,1.6h16v3.2c0,0.9,0.7,1.6,1.6,1.6s1.6-0.7,1.6-1.6v-3.2h3.2  c0.9,0,1.6-0.7,1.6-1.6c0-0.9-0.7-1.6-1.6-1.6H9.6V9.6H6.4z";
    -fx-background-color: #845ee7;
}

/* settings 设置页面*/
#setting-page {
    -fx-background-color: bgc;
}

#setting-page .scroll-pane {
    -fx-border-width: 0;
}

.settings-box {
    -fx-border-width: 0 0 0 1px;
    -fx-border-color: fgc;
}

.download-btn Region {
    -fx-shape: "M28.2,25.9c-3,3.8-7.5,6.1-12.3,6.1C8.2,32,1.7,26.3,0,18.4l3.2-0.8c1.3,6.3,6.6,10.9,12.7,10.9c4,0,7.6-1.9,10.1-5.1  l-3.5-4H32v10.8C32,30.2,28.2,25.9,28.2,25.9z M3.8,6.1C6.8,2.3,11.3,0,16.1,0C23.8,0,30.3,5.7,32,13.6l-3.2,0.8  C27.5,8.1,22.2,3.5,16.1,3.5c-4,0-7.6,1.9-10.1,5.1l3.5,4H0V1.8C0,1.8,3.8,6.1,3.8,6.1z";
}

.restore-default-settings-btn Region {
    -fx-shape: "M30,7.1l-2.6,6.6l-0.4,1.1c-0.1,0.3-0.5,0.5-0.8,0.3l-1.1-0.4l-6.6-2.6c-0.3-0.1-0.5-0.5-0.3-0.8l0.4-1.1  c0.1-0.3,0.5-0.5,0.8-0.3l5.5,2.1c-1.6-3.9-5.4-6.6-9.8-6.6C9.1,5.4,4.4,10.1,4.4,16S9.1,26.6,15,26.6c4.6,0,8.5-3,10-7.1h2.5  C25.9,25,20.9,29,15,29C7.8,29,2,23.2,2,16S7.8,3,15,3c4.9,0,9.2,2.7,11.4,6.7l1.4-3.6c0.1-0.3,0.5-0.5,0.8-0.3l1.1,0.4  C29.9,6.4,30.1,6.8,30,7.1z";
}

.save-settings-btn {
    -fx-background-color: #365880;
    -fx-text-fill: fgc;
}

.save-settings-btn:hover {
    -fx-background-color: derive(#365880, -15%);
}

.save-settings-btn:pressed {
    -fx-background-color: derive(#365880, -25%);
}

.save-settings-btn Region {
    -fx-shape: "M9.7,25.6h3.9v6.3H9.7V25.6zM31,0H0.7C0.3,0,0,0.3,0,0.7V27l4.9,4.8H7v0v-1.1v-8.2h14.6v9.3h0v0H31c0.4,0,0.7-0.3,0.7-0.7V0.7C31.7,0.3,31.4,0,31,0  L31,0z M26.7,16H5V1.7h21.6V16L26.7,16zM9.7,31.8h3.9V32H9.7V31.8z";
    -fx-background-color: fgc;
}

.image-tips-pane {
    -fx-opacity: 0.6;
}

.tips-label {
    -fx-text-fill: fgc;
}

.tips-region {
    -fx-shape: "M16,2.5c7.5,0,13.5,6.1,13.5,13.5S23.5,29.5,16,29.5S2.5,23.5,2.5,16S8.5,2.5,16,2.5z M0,16c0,8.8,7.2,16,16,16  s16-7.2,16-16S24.8,0,16,0S0,7.2,0,16zM14.8,19.9h2.3l0.6-7.9l0.1-3.4h-3.8l0.1,3.4C14.2,12.1,14.8,19.9,14.8,19.9z M16,26.1c1.1,0,2-0.8,2-2c0-1.2-0.9-2-2-2  s-2,0.8-2,2C14,25.2,14.8,26.1,16,26.1z";
    -fx-background-color: fgc;
}

.os-title {
    -fx-font-size: 16px;
}

.window-box Region {
    -fx-shape: "M0,4.4l12.8-1.8l0,12.7L0,15.4L0,4.4zM12.8,16.7l0,12.7L0,27.6v-11C0,16.6,12.8,16.7,12.8,16.7zM14.1,2.5L32,0v15.2l-17.9,0.1C14.1,15.4,14.1,2.5,14.1,2.5zM32,16.7L32,32l-17.9-2.5l0-12.9L32,16.7L32,16.7z";
    -fx-background-color: #007ad8;
}

.bg-color {
    -fx-background-color: bgc;
}

.border-right {
    -fx-border-width: 0 1px 0 0;
    -fx-border-color: fgc;
}

.os-rbtn {
    -fx-background-color: null;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-text-fill: fgc;
}

.os-rbtn:focused {
    -fx-background-insets: 0;
}

.os-rbtn:hover {
    -fx-background-color: rgba(75, 110, 175, 0.6);
    -fx-background-insets: 0;
}

.os-rbtn:selected {
    -fx-background-color: hgc;
    -fx-background-insets: 0;
}

.project-lv {
    -fx-fixed-cell-size: 70px;
}

.project-lv .list-cell {
    -fx-background-color: #2c2c2e;
    -fx-border-width: 0 0 0.4 0;
    -fx-border-color: #e1e1e1;
}
.project-lv .list-cell:empty {
    -fx-border-color: null;
}

.project-lv .list-cell:selected,
.project-lv:focused .list-cell:selected {
    -fx-background-color: hgc;
}
.project-lv .list-cell:selected .desc-label,
.project-lv:focused .list-cell:selected .desc-label{
    -fx-text-fill: white;
}

.project-lv .list-cell:selected .url-btn Region {
    -fx-scale-x: 1.25;
    -fx-scale-y: 1.25;
    -fx-background-color: white;
}

.project-lv .list-cell:selected .url-btn {
    -fx-background-color: black;
}
.url-btn {
    -fx-cursor: hand;
}
/*.name-label {*/
/*    -fx-cursor: hand;*/
/*}*/

/*.list-cell:selected .name-label,*/
/*.name-label:hover {*/
/*    -fx-underline: true;*/
/*}*/

.url-btn {
    -fx-cursor: hand;
    -fx-background-radius: 9px;
    -fx-background-color: white;
}

.github-btn Region {
    -fx-shape: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z";
    -fx-background-color: #606060;
}
.project-lv .list-cell:selected .webpage-btn  {
    -fx-background-color: white;
}
.project-lv .list-cell:selected .webpage-btn Region {
    -fx-shape: "M32,16c0,8.8-7.2,16-16,16S0,24.8,0,16S7.2,0,16,0S32,7.2,32,16z M29.1,16c0-7.2-5.9-13.1-13.1-13.1  S2.9,8.8,2.9,16S8.8,29.1,16,29.1S29.1,23.2,29.1,16zM23.3,16c0,8.8-3.3,16-7.3,16s-7.3-7.2-7.3-16S12,0,16,0S23.3,7.2,23.3,16z M20.4,16c0-8.5-3.1-13.1-4.4-13.1  S11.6,7.5,11.6,16s3.1,13.1,4.4,13.1S20.4,24.5,20.4,16zM2.9,8.7h26.2v2.9H2.9V8.7z M2.9,18.9h26.2v2.9H2.9V18.9z";
    -fx-background-color: linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #1c85ed 0.0%, #ad0ded 100.0%);
}
.webpage-btn Region {
    -fx-shape: "M32,16c0,8.8-7.2,16-16,16S0,24.8,0,16S7.2,0,16,0S32,7.2,32,16z M29.1,16c0-7.2-5.9-13.1-13.1-13.1  S2.9,8.8,2.9,16S8.8,29.1,16,29.1S29.1,23.2,29.1,16zM23.3,16c0,8.8-3.3,16-7.3,16s-7.3-7.2-7.3-16S12,0,16,0S23.3,7.2,23.3,16z M20.4,16c0-8.5-3.1-13.1-4.4-13.1  S11.6,7.5,11.6,16s3.1,13.1,4.4,13.1S20.4,24.5,20.4,16zM2.9,8.7h26.2v2.9H2.9V8.7z M2.9,18.9h26.2v2.9H2.9V18.9z";
    -fx-background-color: linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #1c85ed 0.0%, #ad0ded 100.0%);
}